/* 
 * lightbox4tibetsun.css
 *
 * from Lightbox v2.7.1  by Lokesh Dhakar - http://lokeshdhakar.com/projects/lightbox2/
 * customised for tibetsun.com
 *
 * Last edit  7 january 2015 jw - change styles.
 *
 */
/* Preload images */
body:after {
  content:          url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
  display:          none;
}

.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;
  -webkit-border-radius:  3px;
  -moz-border-radius:     3px;
  -ms-border-radius:      3px;
  -o-border-radius:       3px;
  border-radius:          3px;
}

.lightbox a img {
  border:           none;
}

/* { photo div */
.lb-outerContainer {
  position:         relative;
  background-color: #fff;
  *zoom:            1;
  width:            250px;
  height:           250px;
  margin:           0 auto;
  padding:          20px 20px 0 20px;
  -webkit-border-radius:  4px 4px 0 0;
  -moz-border-radius:     4px 4px 0 0;
  -ms-border-radius:      4px 4px 0 0;
  -o-border-radius:       4px 4px 0 0;
  border-radius:          4px 4px 0 0;
}

.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(../img/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(../img/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(../img/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;
}
/* } photo div */

/* { caption div */
.lb-dataContainer {
  margin:           0 auto;
  padding:          10px 20px 20px 20px;
  background-color: #fff;
  *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:            #5b5b5b;
}

.lb-data .lb-details {
  width:            90%;
  float:            left;
  text-align:       left;
  line-height:      1.2;
}

.lb-data .lb-caption {
  font-size:        14px;
  line-height:      1.1;
}
span.lb-caption span.image-credit {
  display:          block;
  font-size:        90%;
  line-height:      2;
}
span.lb-caption span.image-credit:before {
  content:          '[';
}
span.lb-caption span.image-credit:after {
  content:          ']';
}

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

.lb-data .lb-close {
  display:          block;
  float:            right;
  width:            20px;
  height:           20px;
  background:       url(../img/close.png) top right no-repeat;
  background-size:  20px 20px;
  margin-top:       40px;
  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;
}
/* } caption div */

/* e o f */
