body
  &:after
    content: url('../images/close.png') url('../images/loading.gif') url('../images/prev.png') url('../images/next.png')
    display: none

.lb-disable-scrolling
  overflow: hidden !important

.lightboxOverlay
  position: absolute
  top: 0
  left: 0
  z-index: 999999
  background-color: #000000
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80)
  opacity: 0.8
  display: none

.lightbox
  position: absolute
  left: 0
  width: 100%
  z-index: 1000000
  text-align: center
  line-height: 0
  font-weight: normal
  padding: 0
  height: 0
  .lb-image
    display: block
    height: auto
    max-width: inherit
    border-radius: 0
    a img
      border: none
  .lb-outerContainer
    position: relative
    background-color: rgba(0, 0, 0, 0.50)
    *zoom: 1
    width: 250px
    height: 250px
    margin: 0 auto
    border-radius: 0
    &:after
      content: ""
      display: table
      clear: both
  .lb-container
    padding: 4px
    > .nav
      left: 0
  .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('../images/loading.gif') no-repeat
  .lb-prev, .lb-next
    height: 100%
    cursor: pointer
    display: block
  .lb-nav
    position: absolute
    top: 0
    left: 0
    height: 100%
    width: 100%
    z-index: 10
    a
      outline: none
      background-image: url('data:image/gifbase64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==')
    a.lb-prev
      width: 34%
      left: 0
      float: left
      background: url('../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
      &:hover
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
        opacity: 1
    a.lb-next
      width: 64%
      right: 0
      float: right
      background: url(../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
      &:hover
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
        opacity: 1
  .lb-dataContainer
    margin: 0 auto
    padding-top: 5px
    *zoom: 1
    width: 100%
    border-radius: 0
    &:after
      content: ""
      display: table
      clear: both
  .lb-data
    padding: 0 4px
    color: #ccc
    .lb-details
      width: 85%
      float: left
      text-align: left
      line-height: 1.1em
    .lb-caption
      font-size: 13px
      font-weight: bold
      line-height: 1em
    .lb-number
      display: block
      clear: left
      padding-bottom: 1em
      font-size: 12px
      color: #999999
    .lb-close
      display: block
      float: right
      width: 30px
      height: 30px
      background: url(../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
      &:hover
        cursor: pointer
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
        opacity: 1