.viewbox-container{position:fixed;top:0;left:0;right:0;bottom:0;background: rgba(0,0,0,.9);z-index:900000000;}
.viewbox-body{position:absolute;top:50%;left:50%;background:#000;-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;z-index:1;}
.viewbox-header{margin:0px;}
.viewbox-content{width:300px;height:300px;}
.viewbox-footer{margin:0px;}
.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:#fff;}
.viewbox-button-default:hover{fill:#fff;}
.viewbox-button-close{position:absolute;top:20px;right:20px;z-index:9;opacity:0.8}
.viewbox-button-next,
.viewbox-button-prev{position:absolute;top: 50%;height: 128px;width: 128px;margin: -64px 0 0;z-index:9;opacity:0.8}
.viewbox-button-next{right:10px;}
.viewbox-button-prev{left:10px;}
.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 5.0s infinite ease-in-out;animation:sk-bounce 5.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)};transform:scale(1.0)}}
@keyframes sk-bounce{0%, 100% {-webkit-transform: scale(0.0);transform:scale(0.0);} 50% {-webkit-transform:scale(1.0);transform:scale(1.0);}}