.viewbox-container{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:99999}.viewbox-body{position:absolute;top:50%;left:50%;background:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.6);-moz-box-shadow:0 0 10px rgba(0,0,0,.6);box-shadow:0 0 10px rgba(0,0,0,.6);overflow:auto}.viewbox-header{margin:10px}.viewbox-content{margin:10px;width:300px;height:300px}.viewbox-footer{margin:10px}.viewbox-content .viewbox-image{width:100%;height:100%}.viewbox-button-default{cursor:pointer;height:40px;width:40px;color:#fff;background-color:#777777b5;border:#fff solid 4px;box-sizing:content-box;border-radius:50px}.viewbox-button-default:hover{background-color:#333333cc}.viewbox-button-default>svg{width:100%;height:100%;background:inherit;fill:inherit;pointer-events:none;transform:translateX(0)}.viewbox-button-close{position:absolute;top:25px;right:10px;z-index:9;opacity:1}.viewbox-button-full-screen{position:absolute;top:84px;right:10px;z-index:9}.viewbox-button-right,.viewbox-button-left{position:absolute;top:50%;height:50px;width:50px;z-index:9;display:flex;align-items:center;justify-content:center}.viewbox-button-right{right:10px}.viewbox-button-left{left:10px}@media(max-width:600px){.viewbox-button-right,.viewbox-button-left{height:81px;width:81px;margin:10px;top:75%}.viewbox-button-right{right:0}.viewbox-button-left{left:0}}.viewbox-container .loader{width:100%;position:absolute;left:50%;top:50%;margin:-25px 0 0 -25px}.viewbox-container .loader *{margin:0;padding:0}.viewbox-container .loader .spinner{width:50px;height:50px;position:relative;margin:0 auto}.viewbox-container .loader .double-bounce1,.viewbox-container .loader .double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#999;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}.viewbox-container .loader .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}imagecont{position:absolute;z-index:-1;pointer-events:none}