#product-zoomed-image {
    position: fixed;
    left: 0;
    top: 0;
    left: 0;
    width:100%;
    height: 100%;
    width: calc(100vw + 20px);
    height: calc(100vh + 20px);
    z-index: 99999;
    overflow: scroll;
    display: none;
    background-color: #fff;
    -webkit-overflow-scrolling: touch;
}
#product-zoomed-image img {
    /*opacity: 0;*/
    max-width: none;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 200ms linear;
}

.product-zoom.expand {
   /*left: calc(100% - 90px);*/
   left:15px;
    width: 56px;
    height: 56px;
    padding: 10px;
    position: fixed;
    top: 20px;
}
 /*.product-zoom {
   position: fixed;
    right: 50%;
    top: 0;
    width: 36px;
    height: 36px;
    overflow: visible;
    z-index: 666;
    margin-right: 54px;
    cursor: pointer;
    margin-left: -18px;
    top: auto;
    bottom: 58px;
    right: auto;
    left: 25%;
    transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94),right 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
}*/

.zoom-out polyline {
    fill: #fff;
}
.zoom-out:after {
    position: absolute;
    content: 'CLOSE';
    font-size: 12px;
    color: #fff;
    top: 9px;
    left: 36px;
}
.product-zoom {
    right: 50%;
    top: 0;
    width: 36px;
    height: 36px;
    margin-right:20px;
    overflow: visible;
    z-index: 666;
    cursor: pointer;
    /*transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94),right 300ms cubic-bezier(0.39, 0.575, 0.565, 1);*/
}

.product-zoom span {position: absolute;}


.panWrapper,.i{
	-webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */    
}

.panWrapper .loading{z-index:1; position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px; width:100px; height:100px; background-image:url(loading.gif); background-repeat:no-repeat; background-size:100%; display:block;}

.zoom-out .product-zoom polyline{fill:red;}
.i{
	cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}
.ui-draggable-dragging{cursor: -webkit-grabbing !important;cursor: grabbing !important;}