/* Preload images */
body:after {
   display: none;

   content: url(/static/image/index-school-life-lightbox-close.png) url(/static/image/loading2.gif) url(/static/image/index-school-life-lightbox-prev.png) url(/static/image/index-school-life-lightbox-next.png);
}

.lightboxOverlay {
   position: absolute;
   z-index: 9999;
   top: 0;
   left: 0;

   display: none;

   opacity: .8;
   background-color: black;

   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

.lightbox {
   font-weight: normal;
   line-height: 0;

   position: absolute;
   z-index: 10000;
   top: 30px\0 !important;
   left: 0;

   width: 100%;

   text-align: center;
}

.lightbox .lb-image {
   display: block;

   max-width: inherit;
   height: auto;

   -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
           border-radius: 3px;

       -ms-border-radius: 3px;
        -o-border-radius: 3px;
}

.lightbox a img {
   border: none;
}

.lb-outerContainer {
   position: relative;

   width: 250px;
   height: 250px;
   margin: 0 auto;

   -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
           border-radius: 4px;
   background-color: white;

   *zoom: 1;
       -ms-border-radius: 4px;
        -o-border-radius: 4px;
}

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

   content: '';
}

.lb-container {
   padding: 4px;
}

.lb-loader {
   line-height: 0;

   position: absolute;
   top: 43%;
   left: 0;

   width: 100%;
   height: 25%;

   text-align: center;
}

.lb-cancel {
   display: block;

   width: 40px;
   height: 40px;
   margin: 0 auto;

   background: url(/static/image/loading2.gif) no-repeat;
}

.lb-nav {
   position: absolute;
   z-index: 10;
   top: 0;
   left: 0;

   width: 100%;
   height: 100%;
}

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

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

.lb-prev,
.lb-next {
   display: block;

   height: 100%;

   cursor: pointer;
}

.lb-nav a.lb-prev {
   left: 0;

   float: left;

   width: 34%;

   -webkit-transition: opacity .6s;
      -moz-transition: opacity .6s;
        -o-transition: opacity .6s;
           transition: opacity .6s;

   opacity: 0;
   background: url(/static/image/index-school-life-lightbox-prev.png) left 48% no-repeat;

   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.lb-nav a.lb-prev:hover {
   opacity: 1;

   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.lb-nav a.lb-next {
   right: 0;

   float: right;

   width: 64%;

   -webkit-transition: opacity .6s;
      -moz-transition: opacity .6s;
        -o-transition: opacity .6s;
           transition: opacity .6s;

   opacity: 0;
   background: url(/static/image/index-school-life-lightbox-next.png) right 48% no-repeat;

   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.lb-nav a.lb-next:hover {
   opacity: 1;

   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.lb-dataContainer {
   width: 100%;
   margin: 0 auto;
   padding-top: 5px;

   -webkit-border-bottom-right-radius: 4px;
   -moz-border-radius-bottomright: 4px;
           border-bottom-right-radius: 4px;
   -webkit-border-bottom-left-radius: 4px;
   -moz-border-radius-bottomleft: 4px;
           border-bottom-left-radius: 4px;

   *zoom: 1;
}

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

   content: '';
}

.lb-data {
   padding: 0 4px;

   color: #fff;
}

.lb-data .lb-details {
   line-height: 1.1em;

   float: left;

   width: 85%;

   text-align: left;
}

.lb-data .lb-caption {
   font-size: 16px;
   font-weight: normal;
   line-height: 2;
}

.lb-data .lb-number {
   font-size: 12px;

   display: block;
   clear: left;

   padding-bottom: 1em;

   color: #999;
}

.lb-data .lb-close {
   display: block;
   float: right;

   width: 30px;
   height: 30px;
   margin-top: 5px;

   -webkit-transition: opacity .2s;
      -moz-transition: opacity .2s;
        -o-transition: opacity .2s;
           transition: opacity .2s;
   text-align: right;

   opacity: .7;
   outline: none;
   background: url(/static/image/index-school-life-lightbox-close.png) top right no-repeat;

   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}

.lb-data .lb-close:hover {
   cursor: pointer;

   opacity: 1;

   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}