#overlay {
	display: table-cell; vertical-align: middle;
	clear: both;
	
	margin-left: auto; margin-right: auto; 
	
	width: 100%; height: 100%;

	opacity: 0; -khtml-opacity: 0; -moz-opacity: 0;
	filter:alpha(opacity=0); 
	
	padding: 0;
}

#overlay .transparent { 
	opacity: 0; -khtml-opacity: 0; -moz-opacity: 0;
	filter:alpha(opacity=0);
}

#overlay .thumbnails { display: none; margin: 0 auto 30px auto; overflow: hidden; }
#overlay .thumbnails div img { margin: 0 5px; overflow: hidden; cursor: pointer }

#overlay .top { width: 800px; margin: 30px auto 0 auto; background: #101010; border: 1px solid #2e2f32; }
#overlay .top .title { font-size: 12px; color: #777; padding: 6px 10px; }

#overlay .slide { 
	width: 800px; height: 350px; overflow: hidden;
	margin: 30px auto; 
	/* border: 1px solid #2e2f32; */ 
	background-color: #000;  
	background-repeat: no-repeat; background-position: center;
	background-image: url(/Assets/Layout/Images/loading-bar-black.gif); 
}

#overlay .slide .image { position: relative; z-index: 1000; top: -100%; text-align: center; } 

#overlay .bottom { line-height: 29px; width: 800px; height: 28px; ; margin: 0 auto 30px auto; background: #101010; border: 1px solid #2e2f32; overflow: hidden; }
#overlay .bottom .close, #overlay .download, #overlay .sharing-icons { float: right; display: inline; margin-left: 5px; color: #777; font-weight: 100; text-transform: uppercase; letter-spacing: 1px; font-size: 11px; }
#overlay .bottom .title { font-size: 12px; color: #777; padding-left: 5px;  }
#overlay .bottom .close { 
	height: 28px; width: 69px;
	border-left: 1px solid #2e2f32;
	background-color: #751c1c;
	background-image: url(/Assets/Layout/Images/overlay-close.png); 
	text-transform: uppercase; 
	cursor: pointer;
}
#overlay .close:hover { background-image: url(/Assets/Layout/Images/overlay-close-hover.png); }
#overlay .bottom .sharing-icons { white-space: nowrap; width: 123px; margin-left: 20px; }
#overlay .bottom .sharing-icons .icon { width: 20px; height: 20px; float: right; display: inline; margin-left: 5px; margin-top: 4px }
#overlay .bottom .download { 
	text-align: right; padding-right: 25px; cursor: pointer;
	background-image: url(/Assets/Layout/Images/overlay-save.png);
	background-position: right 4px; 
	background-repeat: no-repeat;
}
#overlay .bottom .download:hover { 
	background-image: url(/Assets/Layout/Images/overlay-save-hover.png);
	color: #63a2d5;
}


#overlay .slide .right, #overlay .slide .left {
	position: relative; z-index: 5000;
	width: 50%; height: 100%;
	background-repeat: no-repeat;
	cursor: pointer; 
	visibility: hidden;
	
	opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0;
	filter: alpha(opacity=0);
}

#overlay .slide .right:hover, #overlay .slide .left:hover {
	opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1;
	filter: alpha(opacity=100);
}

#overlay .slide .right { float: right; background-position: right; background-image: url(/Assets/Layout/Images/arr-next.gif); /* background-color: yellow */ }
#overlay .slide .left { float: left; background-position: left; background-image: url(/Assets/Layout/Images/arr-prev.gif); /* background-color: pink; */ }