/*!
 * Viewer.js v1.10.1
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 * 
 * modified by emily on 20200903 19:40 PM
 */

 .viewer-zoom-in::before,
 .viewer-zoom-out::before,
 .viewer-one-to-one::before,
 .viewer-reset::before,
 .viewer-prev::before,
 .viewer-play::before,
 .viewer-next::before,
 .viewer-rotate-left::before,
 .viewer-rotate-right::before,
 .viewer-flip-horizontal::before,
 .viewer-flip-vertical::before,
 .viewer-fullscreen::before,
 .viewer-fullscreen-exit::before,
 .viewer-close::before {background-repeat: no-repeat;background-size: 280px;color: transparent;display: block;font-size: 0;height: 20px;line-height: 0;width: 20px;}
 .viewer-zoom-in {background-image: url(https://www.yqxcgy.com/images/magnify/plusBtnPcMg.png);}
 .viewer-zoom-out {background-image: url(https://www.yqxcgy.com/images/magnify/minusBtnPcMg.png);}
 .viewer-one-to-one::before {background-position: -40px 0;content: "One to One";}
 .viewer-reset::before {background-position: -60px 0;content: "Reset";}
 .viewer-prev::before {background-position: -80px 0;content: "Previous";}
 .viewer-play::before {background-position: -100px 0;content: "Play";}
 .viewer-next::before {background-position: -120px 0;content: "Next";}
 .viewer-rotate-left::before {background-position: -140px 0;content: "Rotate Left";}
 .viewer-rotate-right::before {background-position: -160px 0;content: "Rotate Right";}
 .viewer-flip-horizontal::before {background-position: -180px 0;content: "Flip Horizontal";}
 .viewer-flip-vertical::before {background-position: -200px 0;content: "Flip Vertical";}
 .viewer-fullscreen::before {background-position: -220px 0;content: "Enter Full Screen";}
 .viewer-fullscreen-exit::before {background-position: -240px 0;content: "Exit Full Screen";}
 .viewer-close {background-image: url(https://www.yqxcgy.com/images/magnify/clsBtnPcMg.png);}
 .viewer-container {bottom: 0;direction: ltr;font-size: 0;left: 0;line-height: 0;overflow: hidden;position: absolute;right: 0;-webkit-tap-highlight-color: transparent;top: 0;-ms-touch-action: none;touch-action: none;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;z-index: 99999 !important;}
 .viewer-container::-moz-selection,
 .viewer-container *::-moz-selection {background-color: transparent;}
 .viewer-container::selection,
 .viewer-container *::selection {background-color: transparent;}
 .viewer-container:focus {outline: 0;}
 .viewer-container img {display: block;height: auto;max-height: none !important;max-width: none !important;min-height: 0 !important;min-width: 0 !important;width: 100%;}
 .viewer-canvas {bottom: 0;left: 0;overflow: hidden;position: absolute;right: 0;top: 0;}
 .viewer-canvas > img {height: auto;margin: 15px auto;max-width: 90% !important;width: auto;}
 .viewer-footer {bottom: 0;left: 0;overflow: hidden;position: absolute;right: 0;text-align: center;}
 .viewer-navbar {background-color: rgba(0, 0, 0, 0.5);overflow: hidden;}
 .viewer-list {-webkit-box-sizing: content-box;box-sizing: content-box;height: 50px;margin: 0;overflow: hidden;padding: 1px 0;}
 .viewer-list > li {color: transparent;cursor: pointer;float: left;font-size: 0;height: 50px;line-height: 0;opacity: 0.5;overflow: hidden;-webkit-transition: opacity 0.15s;transition: opacity 0.15s;width: 30px;}
 .viewer-list > li:focus,
 .viewer-list > li:hover {opacity: 0.75;}
 .viewer-list > li:focus {outline: 0;}
 .viewer-list > li + li {margin-left: 1px;}
 .viewer-list > .viewer-loading {position: relative;}
 .viewer-list > .viewer-loading::after {border-width: 2px;height: 20px;margin-left: -10px;margin-top: -10px;width: 20px;}
 .viewer-list > .viewer-active,
 .viewer-list > .viewer-active:focus,
 .viewer-list > .viewer-active:hover {opacity: 1;}
 .viewer-player {background-color: #000;bottom: 0;cursor: none;display: none;left: 0;position: absolute;right: 0;top: 0;z-index: 1;}
 .viewer-player > img {left: 0;position: absolute;top: 0;}
 .viewer-toolbar > ul {display: inline-block;margin: 0 auto 5px;overflow: hidden;padding: 6px 3px;}
 .viewer-toolbar > ul > li {border-radius: 50%;cursor: pointer;float: left;height: 30px;overflow: hidden;width: 30px;background-size: 100% 100%;margin-right: 10px;}
 .viewer-toolbar > ul > li:focus {-webkit-box-shadow: 0 0 3px #fff;box-shadow: 0 0 3px #fff;outline: 0;position: relative;z-index: 1;}
 .viewer-toolbar > ul > li::before {margin: 2px;}
 .viewer-toolbar > ul > li + li {margin-left: 1px;}
 .viewer-toolbar > ul > .viewer-small {height: 18px;margin-bottom: 3px;margin-top: 3px;width: 18px;}
 .viewer-toolbar > ul > .viewer-small::before {margin: -1px;}
 .viewer-toolbar > ul > .viewer-large {height: 30px;margin-bottom: -3px;margin-top: -3px;width: 30px;}
 .viewer-toolbar > ul > .viewer-large::before {margin: 5px;}
 .viewer-tooltip {background-color: rgba(0, 0, 0, 0.8);border-radius: 10px;color: #fff;display: none;font-size: 12px;height: 20px;left: 50%;line-height: 20px;margin-left: -25px;margin-top: -10px;position: absolute;text-align: center;top: 50%;width: 50px;}
 .viewer-title {color: #ccc;display: inline-block;font-size: 12px;line-height: 1;margin: 0 5% 5px;max-width: 90%;opacity: 0.8;overflow: hidden;text-overflow: ellipsis;-webkit-transition: opacity 0.15s;transition: opacity 0.15s;white-space: nowrap;}
 .viewer-title:hover {opacity: 1;}
 .viewer-button{ cursor: pointer;overflow: hidden;position: absolute;right: 20px;top: 20px;background: url(https://www.yqxcgy.com/images/magnify/clsBtnPcMg.png) no-repeat;width: 40px;height: 40px;background-size: auto;}
 .viewer-tips-mb {display: none;background: url(https://www.yqxcgy.com/images/magnify/tipsMbMg.png) no-repeat;width: 100%;height: 23px;background-size: contain;pointer-events: none;background-position: center bottom;bottom: 8px;}
 .viewer-button::before {bottom: 15px;left: 15px;position: absolute;}
 .viewer-fixed {position: fixed;}
 .viewer-open {overflow: hidden;}
 .viewer-show {display: block;}
 .viewer-hide {display: none;}
 .viewer-backdrop {background-color: rgba(0, 0, 0, 0.5);}
 .viewer-invisible {visibility: hidden;}
 .viewer-move {cursor: move;cursor: -webkit-grab;cursor: grab;}
 .viewer-fade {opacity: 0;}
 .viewer-in {opacity: 1;}
 .viewer-transition {-webkit-transition: all 0.3s;transition: all 0.3s;}
 @-webkit-keyframes viewer-spinner {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
 
 @keyframes viewer-spinner {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
 
 .viewer-loading::after {-webkit-animation: viewer-spinner 1s linear infinite;animation: viewer-spinner 1s linear infinite;border: 4px solid rgba(255, 255, 255, 0.1);border-left-color: rgba(255, 255, 255, 0.5);border-radius: 50%;content: "";display: inline-block;height: 40px;left: 50%;margin-left: -20px;margin-top: -20px;position: absolute;top: 50%;width: 40px;z-index: 1;}
 @media (max-width: 767px) {.viewer-hide-xs-down {display: none;}}
 @media (max-width: 991px) {.viewer-hide-sm-down {display: none;}}
 @media (max-width: 1199px) {.viewer-hide-md-down {display: none;}}
 
 /* 追加的样式 */ 
  
 .abLB {position: absolute!important;bottom: 0!important;left: 0!important;}
 .abLT {position: absolute!important;top: 0!important;left: 0!important;}
 .abRB {position: absolute!important;right: 0!important;bottom: 0!important;}
 .abRT {position: absolute!important;right: 0!important;top: 0!important;}
 .abCC{position: absolute!important;right: calc(50% - 10px )!important;top: calc(50% - 10px)!important;}
 
 .viewer-title {display: none;}
 .magnifyPop {width: 100%;height: 100%;background: rgba(0, 0, 0, 0.62);}
 .magnifyContent {width: 820px;height: 580px;background: rgba(255, 255, 255, 0.1);}
 .magnifyBtns {width: 35px;height: 95px;right: 24px;display: flex;flex-direction: column;justify-content: space-between;}
 .magnifyBtns .magnifyPlusBtn {background-image: url(https://www.yqxcgy.com/images/magnify/plusBtnPcMg.png);width: 35px;height: 35px;}
 .magnifyBtns .magnifyMinusBtn {background-image: url(https://www.yqxcgy.com/images/magnify/minusBtnPcMg.png);width: 35px;height: 35px;}
 .magnifyContent .magnifyClsBtn {background-image: url(https://www.yqxcgy.com/images/magnify/clsBtnPcMg.png);width: 20px;height: 20px;top: 20px;right: 30px;} 
 .imgWrap {position: relative!important;} 
 .magIcon {cursor: pointer!important;width: 18px !important;height: 18px !important;transition: transform 0.1s linear!important;}
 .magIcon.Big{width: 36px !important;height: 36px !important;}
 .magIcon:hover{transform: scale(1.1)!important;transform-origin: right bottom!important;}
 .product_popup .magIcon { width: 560px;height: 560px;background-position: right bottom;}
 .cont4 .magIcon { width: 159px;height: 137px;background-position: right bottom;}
 .support_contents.mb22 {position: relative;display: inline-block;}
 .support_contents.mb22 .magIcon { background-position: right bottom;}
 #RecomProductsWrap .magIcon { background-position: right bottom;}
 .product_associated .item_img .magIcon {left: 214px;right: auto;bottom: auto;top: 182px;background-position: right bottom;}
 .waterHide {height: 257px;width: 175px;position: relative;}
 .waterHide .magIcon { background-position: right bottom;}
 #pro_slides1 .magIcon { background-position: right bottom;}
 #pro_slides1 ul li a {display: inline-block;position: relative;}
 #pro_slides1 ul > li > p > a img {width: 100%;}
 .product-warp .magIcon { background-position: right bottom;bottom: calc( 50% + 20px);}
 .news-bd > .news-article {position: relative;}
 .news-bd > .news-article > p .magIcon { background-position: right bottom;}
 .head_wrapper .imgWrap .magIcon { background-position: right bottom;}
 .product_color_warp li.selected.waterHide{width:auto;}
 .pop_img{position:relative;}
 .bx-pager.bx-default-pager{pointer-events: none;}
 
 .magIcon.isGray{ width: 20px !important;height: 20px !important;}
 
 .mobile .viewer-button {width: 20px;height: 20px;top: 20px;right: 10px;}
 .mobile .viewer-tips-mb {display: block;bottom: 20px;}
 .mobile .viewer-toolbar {display: none;}
 
 
 .product_color_warp li.selected.waterHide::after{content:" ";width: 18px !important;height: 18px !important;background-image: url(https://www.yqxcgy.com/images/magnify/icon.png);background-size: contain;position: absolute;bottom:0;right:0;}
 .product_feature .water-img-new .water-other::after{content:" ";width: 18px !important;height: 18px !important;background-image: url(https://www.yqxcgy.com/images/magnify/icon.png);background-size: contain;position: absolute;bottom:0;right:0;}
 
  /* 尺寸預覽圖 */
  .tab_content p.contentMgBox::after{pointer-events: none;content:" ";width: 18px !important;height: 18px !important;background-image: url(https://www.yqxcgy.com/images/magnify/icon.png);background-size: contain;position: absolute;bottom:12px;right:0;}
  .tab_content p.contentMgBox{display: inline-block;position:relative;}

  
 /* mobile */
 .product-select .color-box li.selected.waterHide::after{content:" ";width: 18px !important;height: 18px !important;background-image: url(https://www.yqxcgy.com/images/magnify/icon.png);background-size: contain;position: absolute;bottom:0;right:0;}
 .product-select .water-img-new .water-other::after{content:" ";width: 18px !important;height: 18px !important;background-image: url(https://www.yqxcgy.com/images/magnify/icon.png);background-size: contain;position: absolute;bottom:0;right:0;}

/* 搜索页 */
 .search_list .item-panel .cate1 div{position: relative;}

 /* 两个水标 */
 .product_feature .water-other{position: relative;}
 .product_feature .water-other::after{pointer-events: none;content: " ";width: 18px !important;height: 18px !important;background-image: url(https://www.yqxcgy.com/images/magnify/icon.png);background-size: contain;position: absolute;bottom: 12px;right: 0;}

 /* 搜索页的产品文档icon */
 .product-suite-item .search-img{position: relative;}