@charset "utf-8";
/* CSS Document */
.zoom-box { position:relative; display: none; }
.zoom-container { overflow:hidden; position:absolute; left:0; top:0; visibility:hidden;}
.zoom-container .zoom-item { position:absolute; left:0; top:0;}
.zoom-container .zoom-item img { border:0;}
.zoom-title-bar { position:absolute; right:0px; bottom:0px; z-index: 20; width: 100%; height: 30px; }
.zoom-title-bg { width: 100%; height: 100%; background-color: #000; opacity: 0.7; filter:alpha(opacity=70);}
.zoom-title { display: inline-block; white-space: nowrap; height: 30px; line-height: 30px; padding: 0 10px; color: #fff; font-size: 14px; position: absolute; left: 0; top: 0; z-index: 50;}
.zoom-title a{color: #fff; text-decoration: none;}
.zoom-title a:hover { color: #e5e5e5; text-decoration: none;}
.zoom-navigation { display:block; width:24px; text-align:center; height:36px; line-height:36px; background:#000; opacity: 0.7; filter:alpha(opacity=70);  color:#fff; font-size:22px; font-weight:bold; font-family:'\5b8b\4f53'; cursor:pointer; position:absolute; z-index: 40; top:50%; margin-top:-18px;}
.zoom-prev { left:0px;}
.zoom-next { right:0px;}
.zoom-pagination { position:absolute; right:15px; bottom:10px; z-index:50; height:10px; text-align:right;}
.zoom-page { display:inline-block; width:10px; height:10px; line-height:10px; text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif; overflow:hidden; border-radius:5px; background-color:#999; color:#fff; margin-right:4px; cursor:pointer;}
.zoom-page-acitve { background-color:#C00;}
.zoom-page span { display: none;}