.viewbox-container{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 700;}.viewbox-body{display: flex;flex-direction: column;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{padding: 10px 0 0;margin: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100%;}.viewbox-content{margin: 10px;width: 300px;height: 300px;}.viewbox-footer{padding: 0 0 10px;margin: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100%;}.viewbox-content .viewbox-image{width: 100%;height: 100%;}.viewbox-button-default{cursor: pointer;height: 50px;width: 50px;}.viewbox-button-default:hover img{filter: brightness(0) invert(1);}.viewbox-button-default > svg{width: 100%;height: 100%;background: inherit;fill: inherit;pointer-events: none;transform: translateX(0px);}.viewbox-button-default{fill: #999;}.viewbox-button-default:hover{fill: #fff;}.viewbox-button-close{position:absolute;top:10px;right: 10px;z-index:9;}.viewbox-button-full-screen{position:absolute;top:84px;right: 10px;z-index:9;}.viewbox-button-next, .viewbox-button-prev{position:absolute;top: 50%;height: 80px;width: 80px;margin: -40px 0 0;z-index:9;}.viewbox-button-next:hover img, .viewbox-button-prev:hover img{filter: brightness(0) invert(1);}.viewbox-button-next{right: 20px;}.viewbox-button-prev{left: 20px;}@media (max-width: 480px) {.viewbox-button-close{top: 0;right: 0;}.viewbox-button-next, .viewbox-button-prev{height: 50px;width: 50px;margin-top: -25px;}.viewbox-button-next{right:-10px;}.viewbox-button-prev{left:-10px;}}.viewbox-container .loader{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);}}