@charset "utf-8";

.zoom_layer{display:none; position:fixed; left:50%; top:50%; margin-left:-650px; margin-top:-300px; /*width:100%;*/ height:600px; width:1299px; z-index:3000; /*left:50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);*/}
.zoom_layer .zoom_layer_inner{position:relative; width:100%; height:100%;}
.zoom_layer button{position:absolute; overflow:hidden; width:34px; height:34px; background:rgba(0,0,0,0.5); border-radius:50%; font-size:0;}
.zoom_layer button:after{content:""; position:absolute;left:0;top:0; width:100%; height:300%; background-image:url(icon_zoom.png); background-repeat:no-repeat; }
.zoom_layer button:hover{background:rgba(37,117,221,1);}
.zoom_layer button.btn_close{right:25px;top:15px;}
.zoom_layer button.btn_close:after{background-position:1px 0;}
.zoom_layer button.btn_in{right:69px; bottom:15px;}
.zoom_layer button.btn_in:after{background-position:-40px 0;}
.zoom_layer button.btn_out{right:25px; bottom:15px;}
.zoom_layer button.btn_out:after{background-position:-80px 0;}
.zoom_layer .img_box{position:relative; width:100%; height:100%; overflow:auto; border:1px solid #2575dd; background:rgba(0,0,0,.2);}
.zoom_layer .img_box .draggable{position:relative; width:1280px; /*transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;*/ cursor: move; cursor:grab; cursor:-moz-grab; cursor:-webkit-grab;}
.zoom_layer .img_box .draggable.ui-draggable-dragging{transition:initial;-webkit-transition:initial;}

@media all and (max-width:1440px){
    .zoom_layer{width:90%; height:auto; margin-left:-45%;}
}