.viewbox-container{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,1);z-index:25000}.viewbox-body{position:absolute;top:50%;left:50%;background:rgba(70,70,70,0.5);box-shadow:0 0 5px #888;overflow:auto;font:15px verdana;color:#CCC;border:none
}.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:32px;width:32px}.viewbox-button-default > svg{width:100%;height:100%;background:inherit;fill:inherit;pointer-events:none;transform:translateX(0px)}.viewbox-button-default{fill:#FFF}.viewbox-button-default:hover{fill:#fff}.viewbox-button-close{position:absolute;top:10px;right:10px;z-index:9}.viewbox-button-next,
.viewbox-button-prev{position:absolute;top:50%;height:128px;width:128px;margin:-64px 0 0;z-index:9}.viewbox-button-next{right:10px}.viewbox-button-prev{left:10px}@media (max-width:480px){.viewbox-button-close{top:0;right:0}.viewbox-button-next,
.viewbox-button-prev{height:81px;width:81px;margin-top:-40px}.viewbox-button-next{right:-15px}.viewbox-button-prev{left:-15px}}.viewbox-container .loader{widows: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:0.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2.0s infinite ease-in-out;animation:sk-bounce 2.0s infinite ease-in-out}.viewbox-container .loader .double-bounce2{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0.0)}50%{-webkit-transform:scale(1.0)}}@keyframes sk-bounce{0%,100%{transform:scale(0.0);-webkit-transform:scale(0.0)}50%{transform:scale(1.0);-webkit-transform:scale(1.0)}}