/*!
 * Imagebox • JavaScript Application
 * Version 2.0.0
 * http://codecanyon.net/item/imagebox-image-viewing-script/89035
 *
 * Copyright (c) 2009-2012, Sarathi Hansen
 *
 *
 * THIS FILE IS PART OF THE Imagebox v2 LIVE DEMO
 */

/* @group Structure */
	
	
	
/* @end */

/* @group Header/Footer */
	
	#title {
		display: block;
		background-position: 0 -80px;
		margin: 0 auto;
		margin-bottom: 50px;
		width: 310px;
		height: 58px;
	}
	
	#description {
		position: relative;
		font: 14px/26px Helvetica, Arial, sans-serif;
		color: #555;
		text-align: justify;
		margin-bottom: 100px;
	}
	
	#browsers {
		position: relative;
		text-align: center;
		margin-bottom: 10px;
	}
	
	.browser {
		display: inline-block;
		margin-left: 10px;
		width: 40px;
		height: 40px;
	}
	 #safari { margin-left: 0; }
	 #chrome { background-position: -40px 0; }
	#firefox { background-position: -80px 0; }
	  #opera { background-position: -120px 0; }
	     #ie { background-position: -160px 0; }
	
	 #safari:hover { background-position: 0 -40px; }
	 #chrome:hover { background-position: -40px -40px; }
	#firefox:hover { background-position: -80px -40px; }
	  #opera:hover { background-position: -120px -40px; }
	     #ie:hover { background-position: -160px -40px; }
	
	.label {
		position: absolute;
		display: none;
		width: 200px;
		text-align: center;
		left: 50%;
		top: -30px;
		margin-left: -100px;
		color: #888;
	}
	.browser:hover .label { display: block; }
	


/* @end */

/* @group Title */

	
/* @end */

/* @group Thumbnails */
	
	.thumbnail {
		display: inline-block;
		position: relative;
		margin: 0px;
		cursor: pointer;
		z-index: 5;
	}
	.ib-notrigger { cursor: default; }
	
	.cover {
		position: absolute;
		display: block;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: black url(images/zoom.png) no-repeat center;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		-o-transition: opacity 0.2s linear;
		-moz-transition: opacity 0.2s linear;
		-webkit-transition: opacity 0.2s linear;
	}
	
	.thumbnail:hover .cover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		opacity: 0.5;
	}
	
	.view-large {
		cursor: pointer;
		display: block;
		position: absolute;
		width: 60px;
		height: 60px;
		background-position: -240px 0;
		top: -6px;
		left: -6px;
	}
	
/* @end */

/* @group Misc. */
	
	img {
		vertical-align: bottom;
		border: 0;
	}
	
	
/* @end */