@import "/res/less/func.less";

#viewbox {
  display: inline-block;
  padding: 5px;
  margin: 0 auto;
  background: rgba(255,255,255, 0.95);
  position: fixed;
  border: 1px solid #747474;
  .border-radius(10px);
  vertical-align: top;
  z-index: 1000;

  img {
    border: 1px solid #bcbcbc;
    width: 100%;
    height: 100%;
    .border-radius(5px);
  }
}

#viewbox-back, #viewbox-forward, #viewbox-close {
  font-size: 20px;
  cursor: pointer;
  line-height: 20px;
  &:hover{
    color: #edbb69;
  }
  &:active{
    color: #ed7b59;
  }
  .no-select;
}
#viewbox-close {
  font-size: 25px;
  float: right;
}

#viewbox-fade {
  width: 100%;
  height: 1000px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 900;
  background: rgba(0,0,0, 0.8);
}