#pageLogo {
	background: url("../../../zh/images/gallery_logo.png") no-repeat 0px 0px; left: 150px; top: 480px; width: 273px; height: 165px;   position: absolute;
}
#pageBox {                                                          
	background: url("../../../zh/images/gallery_box.png") no-repeat 0px 0px; left: 440px; top: 190px; width: 555px; height: 820px;   position: absolute;
}

.mfp-arrow-left:after,
.mfp-arrow-left:before,
.mfp-arrow-right:after,
.mfp-arrow-right:before,
.mfp-a,
.mfp-b {
  display: none;
   }

button.mfp-arrow {
   }

button.mfp-arrow-left {
	background: url("../../../images/buttons.png") no-repeat 0px 0px; left: 90px; top: 50%; width: 17px; height: 85px; left: 50px;  cursor: pointer;
   }

button.mfp-arrow-right {
	background: url("../../../images/buttons.png") no-repeat -17px 0px; top: 50%; width: 17px; height: 85px;  right: 50px;  cursor: pointer;
   }



button.mfp-arrow-left:hover {
	background-position: 0px -86px;
}
button.mfp-arrow-right:hover {
	background-position: -17px -86px;
}

/* Use the following styles if you experience 'flicker' between the original image and the masked one. */
img[data-mask]{
  /* hide original imgs */
  visibility: hidden;
}
.no-js img[data-mask]{
  /* show original imgs for non JS users */
  /* requires '<html class="no-js">' setup as seen in the HTML5 boilerplate */
  visibility: visible;
}
.svgMask image {
  /* IE fix */
  visibility: visible;

}

.svgMask:hover {
	opacity: 0.5;

}

svg image {

}   
svg image:hover {
}       

.thumb {
  min-width: 78px;
  min-height: 68px; 
}
.thumbContainer {
  margin-left: -42px;  
    padding:2px;
    margin-right: 2px;
}
.thumbRow1 {
}
.thumbRow2 {
  margin-top: 0px;
}
.thumbRow3 {    
  margin-top: 0px;
}
.allThumbsContainer {
  width: 550px;
  height: 600px;
  position: absolute;
  left: 500px;  
  top: 380px;
  overflow: auto;
}
.popup-gallery * {
  z-index: 1;
}
.dbBox {
	left: 50%; top: 50%; width: 1024px; height: 768px; margin-top: -30px; margin-left: -295px; position: absolute;
}
.dbTitle {
 font-size: 1.8em;
 font-weight: 900;
 color: #ffffff;
 text-align: center;
 margin-left: -30px;
 text-transform: uppercase;
 
}
.dbContent {
 font-size: 1.2em;
 font-weight: 600;
 color: #ffffff; 
 margin-bottom: 10px;
 margin-left: -30px;
  text-align: center;
}


  
