@charset "UTF-8";

#zbox-overlay
  {
  background-color:rgba(0, 0, 0, 0.95);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index:9999999990;
}
.zbox-content
{
  position:fixed;
  z-index:9999999991;
  opacity: 0.1;
  text-align:center;
  padding:10px 40px;
  background-color:transparent;
  border-radius:8px;
  font-size:0;
}
#zbox-magnifier
  {
    display:none;
    background-repeat:no-repeat;
    background-image:none;
    background-position:-1000px -1000px;
    z-index:9999999992;
    position:fixed;
    left:500px;
    top:500px;
    border:10px solid white;
    background-color:transparent;
    width:200px;
    height:200px;
    border-radius:110px;
  }

.zbox-screen
{
  overflow:hidden;
  left: 0;
  position: absolute;
  top: 0;
  z-index:9999999993;
}
#zbox-spinner
{
  left: 0;
  position: absolute;
  top: 0;
  z-index:9999999993;
  width:32px;
  height:32px;
  text-indent:-9999px;
  background-image:url(spinner.gif);
  background-repeat:no-repeat;
}

.zbox-button
  {
    background-color:transparent;
    background-image:url(/pics/zbox-buttons.png);
    background-repeat:no-repeat;
    background-size:cover;
    cursor:pointer;
    display:block;
    position:absolute;
    width:32px;
    height:32px;
    margin:10px 0 0 50px;
    transform:translateX(15px);
  }

.zbox-button.left
{
  left:-75px;
  top:64px;
  background-position:-32px 0px;
}
.zbox-button.right
{
  right:4px;
  top:64px;
  background-position:-64px 0px;
}
.zbox-button.close
{
  right:0;
  top:0;
  background-position:0px 0px;
}