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

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

.lightboxOverlay
  {
    position        : absolute;
    top             : 0;
    left            : 0;
    z-index         : 9999;
    background-color: #000;
    opacity         : 0.9;
    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          : 1px solid #444;
    border-radius   : 5px;
    box-shadow      : 5px 5px 10px #222;
  }

.lightbox a img
  {
    border          : none;
  }

.lb-outerContainer
  {
    position        : relative;
    width           : 250px;
    height          : 250px;
    margin          : 0 auto;
    border-radius   : 4px;
    background-color: #222; /* Background color behind image. This is visible during transitions. */
  }

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

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

.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-graphics/lightbox/prev.png) left 48% no-repeat;
  }

.lb-nav a.lb-next
  {
    width           : 64%;
    right           : 0;
    float           : right;
    background      : url(../_img-graphics/lightbox/next.png) right 48% no-repeat;
  }

.lb-nav a.lb-prev,
.lb-nav a.lb-next
  {
    opacity         : 0;
    transition      : opacity 0.6s;
  }

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

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

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

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

.lb-data .lb-caption
  {
    font-size       : 1.2em;
    font-weight     : normal;
  }

.lb-data .lb-caption a
  {
    color           : #4ae;
  }

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

.lb-data .lb-close
  {
    display         : block;
    float           : right;
    width           : 30px;
    height          : 30px;
    outline         : none;
    background      : url(../_img-graphics/lightbox/close.png) top right no-repeat;
    text-align      : right;
    opacity         : 0.7;
    transition      : opacity 0.2s;
  }

.lb-nav a.lb-prev:hover,
.lb-nav a.lb-next:hover,
.lb-data .lb-close:hover
  {
    cursor          : pointer;
    opacity         : 1;
  }