#containerSite.static {position: static;}
.productSuperZoom { display: none; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 10000000000; background-color: #666;}
.productSuperZoom > div { overflow: hidden; width: calc(100% - 20px); height: calc(100% - 20px); margin: 10px auto 0; background-color: #FFF; position: relative;}
.productSuperZoom > div .sliderzoom{margin: 0!important; padding: 0 !important; list-style: none !important}
.productSuperZoom > div .loader{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;background: #FFF url(/sysimages/ajax-loader.gif) no-repeat center center;}
.productSuperZoom > div img { visibility: hidden; max-width: 100%; margin: 0 auto; }
.productSuperZoom .slick-arrow{position: absolute;top: 50%;width: 60px;height: 60px;text-indent: -9999px;z-index: 200;margin-top: -30px;padding: 0; border: 0;font-size: 0;}
.productSuperZoom .slick-arrow:before {content: ""; width: 42px; height: 42px;background: url(/sysimages/controls.png) left top/84px no-repeat;margin: auto; display: block;}
body.tablet .productSuperZoom .slick-arrow:before {margin-top: 7px;}
.productSuperZoom .slick-arrow.slick-prev{left: 18px;}
.productSuperZoom .slick-arrow.slick-next{right: 18px;}
.productSuperZoom .slick-arrow.slick-next:before {background-position: right top;}
.productSuperZoom .slick-arrow.slick-disabled{display: none !important;}
.productSuperZoom .bx-controls .bx-prev{left: 42px;}
.productSuperZoom .bx-controls .bx-next{right: 42px;}
.productSuperZoom .bx-controls .bx-prev:before {background-position: left top;background-size: 84px;}
.productSuperZoom .bx-controls .bx-next:before {background-position: right top;background-size: 84px;}
.productSuperZoom .bx-controls .bx-prev:hover:before{background-position: left bottom;}
.productSuperZoom .bx-controls .bx-next:hover:before{background-position: right bottom;}

.zoomLabel p{font-size: 11px;text-align: center;color: #545454;position: fixed; padding: 2px;background-color: rgba(255,255,255,.3); top: 20px; right: 20px; z-index: 3; width: 70px; white-space: nowrap; display: block; text-shadow: 0px 0px 2px rgba(255, 255, 255, 1);}
.productSuperZoom:hover{cursor: crosshair;}
.slider .slick-dots li button:hover, .slider .slick-dots li.slick-active button{opacity: 1;}

/* iPad */
body.tablet .productSuperZoom > div img { max-height: 100%;}
body.tablet #container.homepage #content { height: 768px !important; }
body.tablet .zoomLabel {display: block !important;}
body.tablet .zoomLabel p {top: 20px !important; right: 20px !important; left: auto !important;}