/* Preload images */

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;
  max-height: none;
  border: 2px solid white;
}
.lightbox a img { border: none; }
.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  background-color: #151515;
}
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* loader */
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
.lb-loader::after {
	content:'';
	display: inline-block;
	border-radius: 50%;
	width: 4em;
	height: 4em;
}
.lb-loader::after {
  margin: 0 auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: .5em solid rgba(255, 255, 255, 0.2);
  border-right: .5em solid rgba(255, 255, 255, 0.2);
  border-bottom: .5em solid rgba(255, 255, 255, 0.2);
  border-left: .5em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);  }
}
@keyframes load8 {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.lb-cancel {}

/* control */
.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; }
.lb-nav a.lb-next { width: 64%; right: 0; float: right; }
.lb-prev::after, .lb-next::after {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	position: absolute;
	top: 48%;
}
.lb-prev::after { left: 4%; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.lb-next::after { right: 4%; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
}
.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-caption a {
  color: #4ae;
}
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}
/* close */
.lb-data .lb-close {
	display: block;
	float: right;
	width: 50px;
	height: 50px;
	position: relative;
	cursor: pointer;
}
.lb-data .lb-close::before,
.lb-data .lb-close::after {
	content: '';
	display: inline-block;
	width: 30px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	right: 0px;
	top: 20px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.lb-data .lb-close::before { -webkit-transform: rotate(-45deg); transform:  rotate(-45deg); }
.lb-data .lb-close::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }