@charset "UTF-8";

#zbox-overlay {
  background-color: #666666;
  bottom: 0;
  left: 0;
  opacity: 0.1;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 800;
}
.zbox-content
{
  position:fixed;
  z-index:801;
  opacity: 0.1;
  text-align:center;
  padding:10px 40px;
  background-color:#ffffff;
  border-radius:8px;
  font-size:0;
}
#zbox-magnifier
{
  box-shadow: 0px 5px 5px rgba(0,0,0,1);
  -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,1);
  -moz-box-shadow: 0px 5px 5px rgba(0,0,0,1);
  display:none;
  background-repeat:no-repeat;
  background-image:none;
  background-position:-1000px -1000px;
  z-index:802; position:fixed;
  left:500px;
  top:500px;
  border:1px solid black;
  background-color:#fff;
  width:200px;
  height:200px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border-top-right-radius: 100px;
  border-top-left-radius: 100px;
  -moz-border-radius-bottomright: 100px;
  -moz-border-radius-bottomleft: 100px;
  -moz-border-radius-topright: 100px;
  -moz-border-radius-topleft: 100px;
}

.zbox-screen
{
  overflow:hidden;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 803;
}
#zbox-spinner
{
  left: 0;
  position: absolute;
  top: 0;
  z-index: 803;
  width:32px;
  height:32px;
  text-indent:-9999px;
  background-image:url(spinner.gif);
  background-repeat:no-repeat;
}
.zbox-button
{
  background-color:transparent;
  background-image:url(zbox-buttons.png);
  background-repeat:no-repeat;
  cursor:pointer;
  display:block;
  position: absolute;
  width:32px;
  height:32px;
}
.zbox-button.left
{
  left:6px;
  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;
}
.zbox-image-title {
  position: relative;
  color: black;
  /* background-color: rgba(255, 255, 255, 0.7); */
  /* padding: 5px; */
  font-size: 16px;
  /* bottom: 5px;  */
  left: 50%;    /* Move the title horizontally to the center */
  transform: translateX(-50%); /* Center the title horizontally */
}
.zbox-image-title p {
  font-size: 20px;
  color: #1f1f1f;
  font-weight: 700;
  line-height: 22px;
}
.zbox-image-title p span {
  font-size: 16px;
  font-weight: 500;
  color: rgb(41, 41, 41);
}
.zbox-content {
  position: fixed;
  z-index: 801;
  opacity: 0.1;
  text-align: center;
  padding: 20px 40px;
  background-color: #ffffff;
  border-radius: 8px;
  font-size: 0;
}
.zbox-content img{
  height: 90%!important;
}
@media (min-width: 600px) {
  .zbox-content {
    height: 90%;
    z-index: 1000;
  }
}
@media (max-width: 600px) {
  .zbox-screen {
    overflow: hidden;
    position: fixed;
    top: 60%!important;
    left: 50%!important;
    z-index: 803;
    transform: translate(-50%, -50%); /* Center the content vertically and horizontally */
  }
  .zbox-content {
    position: fixed;
    z-index: 801;
    opacity: 0.1;
    text-align: center;
    padding: 20px 40px;
    background-color: #ffffff;
    border-radius: 8px;
    font-size: 0;
    top: 50%!important;
    left: 50%!important;
    width: 90%;
    transform: translate(-50%, -50%); /* Center the content vertically and horizontally */
}
}
.zbox-screen {
 margin-top: 50px;
 height: 90%!important;
}
.zbox-button.left {
  top: 50%!important;
}
.zbox-button.right {
  top: 50%!important;
}
/* .zbox-image-title {
  position: relative;
 }
 
 .zbox-image-title p {
   position: absolute;
   color: black;
   background-color: rgba(255, 255, 255, 0.7);
   padding: 5px;
   font-size: 16px;
   bottom: 10px; 
   left: 50%;    
   transform: translateX(-50%); 
 } */