@charset "utf-8";
/* CSS Document */

#iframe-container {
	background: #000000 url('../../images/loading.gif') no-repeat center center;
	height:100%;
}

.lightbox {
	position: relative;
	width: 23%;
	height: 130px;
	background: center no-repeat;	
	margin: 1%;
	float: left;
	z-index: 5;
	display: block;
}

.index-thumbs .lightbox {
	float: right;
	width:35%;
}

.hide { 
	display: none; 
}

.preview { 
	position: fixed;
	top: 4%;
	right: 1%;
	width: 98%;
	height: 95%;
	overflow: hidden;
	z-index: 500;
	display: block;
}

.preview-iframe {
	width: 100%;
	height: 100%;
	display: none;
	float: left;
}

.block {
	display: block;
}

.fade { 
	position: fixed;
	cursor: pointer;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #000000 url('../../images/close.png') no-repeat top right;
	z-index: 100;
	-moz-opacity: .80; 
	filter: alpha(opacity=80); 
	opacity: .80;
	display: block;
}

.sm-thumbnail {
	margin: .4%;
	width: 7.4%;
	float: left;
	overflow: hidden;
	height: 1000%;
	-moz-opacity: .50; 
	filter: alpha(opacity=50);
	opacity: .50;
}

.sm-thumbnail img {
	height: 100%;
	width: 100%;
	margin: auto;
	cursor: pointer;
}