.viewbox-container{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:700;}
.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, 0.6);-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.6);box-shadow:0 0 10px rgba(0, 0, 0, 0.6);overflow:auto;}
.viewbox-header{margin:10px;text-align:center;}
.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:64px;width:64px;}
.viewbox-button-default > svg{width:100%;height:100%;background:inherit;fill:inherit;pointer-events:none;transform:translateX(0px);}
.viewbox-button-default{fill:#c5c5c5;}
.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:60px;}
.viewbox-button-prev{left:60px;}
@media all and (min-width:768px) and (max-width:1023px){.viewbox-button-next{right:15px;}
.viewbox-button-prev{left:15px;}
}
@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);}
}