#lgbx,
#lgbx_bcg { position: fixed }

#lgbx_bcg {
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: rgba(0,0,0,0.8)
}

#lgbx {
  background: #FFF;
  padding: 5px;
  z-index: 55;
  top: 0;
  left: 0
}

#lgbx_close,
#lgbx_desc,
#lgbx_next,
#lgbx_prev {
  position: absolute;
  z-index: 56;
  display: none
}

#lgbx_close {
  z-index: 56;
  right: 9px;
  top: 9px;
  cursor: pointer;
  width: 15px
}

#lgbx_desc {
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.6);
  color: #FFF;
  padding: 5px 8px 1px;
  font-size: 12px
}

#lgbx_next,
#lgbx_prev {
  cursor: pointer;
  top: 50%;
  margin-top: -20px;
  height: 40px
}

#lgbx_next { right: 5px }

#lgbx_prev { left: 5px }

#gallery img{ background:#fff; padding:5px; box-shadow:0 0 5px 1px #999; -webkit-box-shadow:0 0 5px 1px #999;}
#gallery {
    float: left;
    margin: 2% 0;
    width: 100%;
}


#gallery a {
    display: inline-block;
    float: none;
    height:auto;
    left: 0;
    margin-right: 31px;
    position: relative;
    top: 0;
    width: 173px;
}


#gallery a i {
    background: url("../images/video-player.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 34px;
    left: 0;
    margin: 0 auto;
    opacity: 0.8;
    position: absolute;
    right: -18px;
    top: 88px;
    width: 50px;
}

#gallery a i:hover{ background: url("../images/video-player_hover.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);  opacity:9;}