#pbOverlay,
#pbImage,
#pbBottom,
#pbCloseBtn {
  position: fixed;
  z-index: 9999;
}

#pbOverlay {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  cursor: pointer;
  transition: all 0.3s;
}

#pbCloseBtn {
  top: 16px;
  right: 16px;
  display: block;
  width: 45px;
  height: 45px;
  background: url(https://1.bp.blogspot.com/-ThI79u7dwko/YEMcFuZ3RlI/AAAAAAAACq4/sz2uec0-ks87e12yIP8MXZPZBk-jQ3iJQCLcBGAsYHQ/s0/closebtn.png)
    no-repeat top left;
  background-size: cover;
}

#pbImage {
  border: none;
  cursor: move;
}

#pbBottom {
  font-size: 10px;
  text-align: center;
  color: #eee;
  line-height: 1.4em;
  left: 50%;
  bottom: 20px;
  width: 400px;
  margin-left: -200px;
}

#pbCaption {
  font-weight: bold;
  padding: 4px;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.7);
  zoom: 1;
  opacity: 0;
}

#pbNav {
  display: block;
  width: 200px;
  height: 65px;
  margin: auto;
  margin-top: 5px;
}

#pbPrevBtn,
#pbNextBtn,
#pbZoomBtn {
  display: inline-block;
  width: 70px;
  height: 65px;
  outline: none;
  text-indent: -9000px;
  background: url(https://1.bp.blogspot.com/-JOrcz09nx_M/YEMcMQV2tCI/AAAAAAAACq8/2n3VWMACy5si4vcXZEcNWnWKi2XluF5bwCLcBGAsYHQ/s16000/ico_control_galery.png)
    no-repeat;
}

#pbPrevBtn {
  background-position: -70px 0;
  float: left;
}

#pbPrevBtn.pbgreyed {
  background-position: 0 0;
}

#pbNextBtn {
  background-position: -320px 0;
  float: right;
}

#pbNextBtn.pbgreyed {
  background-position: -390px;
}

#pbZoomBtn {
  width: 60px;
  background-position: -140px 0;
  float: left;
}

#pbZoomBtn.pbgreyed {
  background-position: -200px 0;
}

#pbZoomBtn.pbzoomed {
  background-position: -260px 0;
}

.pbLoading {
  background-color: #fff !important;
}