.popup_enabled { overflow:hidden; width:100%; height:100%; position:fixed; z-index:-1; }
.popup_enabled body { height:100%; overflow:hidden; xoverflow:visible; -ms-touch-action:none; touch-action:none; margin-right:17px; }

.popup_container { position:fixed; top:0; left:0; width:100%; height:100%; z-index:9991; overflow:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.popup_bg { position:absolute; top:0; right:0; bottom:0; left:0; background:#0f0f11; opacity:0.87; transition-timing-function:cubic-bezier(0.22, 0.61, 0.36, 1); -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.popup_controls { position:absolute; top:0; left:0; right:0; text-align:center; opacity:1; z-index:9994; transition:opacity .2s; pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; direction:ltr; }

.popup_infobar { display:inline-block; pointer-events:all; border-radius:0 0 5px 5px; overflow:hidden; }
.popup_infobar_value { display:inline-block; width:70px; height:44px; line-height:44px; font-size:16px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; text-align:center; color:#ddd; pointer-events:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -webkit-tap-highlight-color:transparent; -webkit-font-smoothing:subpixel-antialiased; background:rgba(30, 30, 30, 0.6); }
.popup_buttons { position:absolute; top:0; right:0; display:block; pointer-events:all; }
.popup_button { display:inline-block; position:relative; width:44px; height:44px; line-height:44px; margin:0; padding:0; border:0; cursor:pointer; color:#fff; box-sizing:border-box; vertical-align:top; outline:none; background-color:rgba(30, 30, 30, 0.6); }
.popup_button:hover { background-color:rgba(0, 0, 0, 0.8); }

.popup_button_close { font-size:24px; }

@media (max-width: 800px){
.popup_controls { text-align:left; }
}

.popup_slider_wrap { position:absolute; top:0; left:0; bottom:0; right:0; padding:0; margin:0; z-index:9993; -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden; direction:ltr; }
.popup_slider_wrap .popup_slider { position:absolute; top:0; left:0; bottom:0; right:0; z-index:9993; padding:0; margin:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; transition-property:transform; }
.popup_slide { position:absolute; left:0; top:0; width:100%; height:100%; outline:none; white-space:normal; box-sizing:border-box; text-align:center; overflow:hidden; -webkit-overflow-scrolling:touch; -webkit-tap-highlight-color:transparent; z-index:9994; }
.popup_slide > * { display:inline-block; text-align:left; }

.popup_placeholder { position:absolute; top:0; left:0; margin:0; padding:0; border:0; z-index:9995; background:transparent; cursor:default; overflow:visible; -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left; background-size:100% 100%; background-repeat:no-repeat; -webkit-backface-visibility:hidden; backface-visibility:hidden; opacity:1; }
.popup_placeholder .slide_space { z-index:1; }
.popup_placeholder .slide_space, 
.popup_placeholder img { position:absolute;
top:0;
left:0;
width:100%;
height:100%;
margin:0;
padding:0;
border:0;
max-width:none;
max-height:none;
background:transparent;
background-size:100% 100%; 
transition-duration:0.5s;
}

.can_drag .popup_placeholder { cursor:-webkit-grab; cursor:grab; }
.can_zoom .popup_placeholder { cursor:zoom-in; }

.current_img { }

.zoomin { }
.zoomin .popup_placeholder { cursor:-webkit-grab; cursor:grab; }