/* Preload images */
body:after {
	content : url(../lightbox/images/close.png) url(../lightbox/images/loading.gif) url(../lightbox/images/prev.png) url(../lightbox/images/next.png);
	display : none;
}

body.lb-disable-scrolling {
	overflow : hidden;
}

.lightboxOverlay {
	position         : absolute;
	top              : 0;
	left             : 0;
	z-index          : 9999;
	background-color : black;
	filter           : progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity          : 0.8;
	display          : none;
}

.lightbox {
	position    : absolute;
	left        : 0;
	width       : 100%;
	z-index     : 10000;
	text-align  : center;
	line-height : 0;
	font-weight : normal;
}

.lightbox .lb-image {
	display       : block;
	height        : auto;
	max-width     : inherit;
	border-radius : 3px;
}

.lightbox a img {
	border : none;
}

.lb-outerContainer {
	position         : relative;
	background-color : white;
	*zoom            : 1;
	width            : 250px;
	height           : 250px;
	margin           : 0 auto;
	border-radius    : 4px;
}

.lb-outerContainer:after {
	content : "";
	display : table;
	clear   : both;
}

.lb-container {
	padding : 4px;
}

.lb-loader {
	position    : absolute;
	top         : 43%;
	left        : 0;
	height      : 25%;
	width       : 100%;
	text-align  : center;
	line-height : 0;
}

.lb-cancel {
	display    : block;
	width      : 32px;
	height     : 32px;
	margin     : 0 auto;
	background : url(../lightbox/images/loading.gif) no-repeat;
}

.lb-nav {
	position : absolute;
	top      : 0;
	left     : 0;
	height   : 100%;
	width    : 100%;
	z-index  : 10;
}

.lb-container > .nav {
	left : 0;
}

.lb-nav a {
	outline          : none;
	background-image : url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
	height  : 100%;
	cursor  : pointer;
	display : block;
}

.lb-nav a.lb-prev {
	width              : 34%;
	left               : 0;
	float              : left;
	background         : url(../lightbox/images/prev.png) left 48% no-repeat;
	filter             : progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity            : 0;
	-webkit-transition : opacity 0.6s;
	-moz-transition    : opacity 0.6s;
	-o-transition      : opacity 0.6s;
	transition         : opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
	filter  : progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity : 1;
}

.lb-nav a.lb-next {
	width              : 64%;
	right              : 0;
	float              : right;
	background         : url(../lightbox/images/next.png) right 48% no-repeat;
	filter             : progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity            : 0;
	-webkit-transition : opacity 0.6s;
	-moz-transition    : opacity 0.6s;
	-o-transition      : opacity 0.6s;
	transition         : opacity 0.6s;
}

.lb-nav a.lb-next:hover {
	filter  : progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity : 1;
}

.lb-dataContainer {
	margin                             : 0 auto;
	padding-top                        : 5px;
	*zoom                              : 1;
	width                              : 100%;
	-moz-border-radius-bottomleft      : 4px;
	-webkit-border-bottom-left-radius  : 4px;
	border-bottom-left-radius          : 4px;
	-moz-border-radius-bottomright     : 4px;
	-webkit-border-bottom-right-radius : 4px;
	border-bottom-right-radius         : 4px;
}

.lb-dataContainer:after {
	content : "";
	display : table;
	clear   : both;
}

.lb-data {
	padding : 0 4px;
	color   : #ccc;
}

.lb-data .lb-details {
	width       : 85%;
	float       : left;
	text-align  : left;
	line-height : 1.1em;
}

.lb-data .lb-caption {
	font-size   : 13px;
	font-weight : bold;
	line-height : 1em;
}

.lb-data .lb-number {
	display        : block;
	clear          : left;
	padding-bottom : 1em;
	font-size      : 12px;
	color          : #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../lightbox/images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}