.rebox-contents {display: flex;align-items: center;justify-content: center}
.reimgdiv img{max-width: 300px;height: auto;}
.rebox {cursor: pointer;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 1000;-webkit-filter: none !important;background: rgb(0, 0, 0);background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);background: rgba(0, 0, 0, 0.7)}
.rebox * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;padding: 0;margin: 0}
.rebox-contents {position: absolute;top: 10%;left: 5%;text-align: center;width: 90%;height: 85%}
.rebox-contents .rebox-content {border: 5px solid #FFF;box-shadow: 0px 0px 20px #000;border-radius: 1px;max-width: 100%;max-height: 100%}
.rebox-loading {width: 31px;height: 31px;margin: -16px 0 0 -16px;position: absolute;top: 48%;left: 50%}
.rebox-caption {display: none;position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;z-index: 1000;background: #000;background: rgba(0, 0, 0, 0.7)}
.rebox-caption p {margin: 0px auto;max-width: 70%;display: inline-block;padding: 10px;color: #FFF;font-size: 12px;line-height: 18px}
.rebox-button {position: absolute;z-index: 9999;min-width: 40px;height: 40px;line-height: 40px;background: rgb(0, 0, 0);opacity: 0.4;text-decoration: none;font-size: 24px;color: #FFF;text-align: center;vertical-align: middle;-webkit-border-radius: 32px;-moz-border-radius: 32px;-ms-border-radius: 32px;border-radius: 32px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s}
.rebox-button:hover,.rebox-button:focus {opacity: 1;-webkit-transform: scale(1.4);-moz-transform: scale(1.4);-ms-transform: scale(1.4);transform: scale(1.4)}
.rebox-close {right: 10px;top: 75px}
.rebox-next {right: 10px;top: 48%}
.rebox-prev {left: 10px;top: 48%}
.rebox-loading {left: 50%;top: 48%;-webkit-animation-name: spin;-webkit-animation-duration: 2000ms;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;-moz-animation-name: spin;-moz-animation-duration: 2000ms;-moz-animation-iteration-count: infinite;-moz-animation-timing-function: linear;-ms-animation-name: spin;-ms-animation-duration: 2000ms;-ms-animation-iteration-count: infinite;-ms-animation-timing-function: linear;animation-name: spin;animation-duration: 2000ms;animation-iteration-count: infinite;animation-timing-function: linear}
@-ms-keyframes spin {from {-ms-transform:rotate(0deg)}
to {-ms-transform:rotate(360deg)}}
@-moz-keyframes spin {from {-moz-transform:rotate(0deg)}
to {-moz-transform:rotate(360deg)}}
@-webkit-keyframes spin {from {-webkit-transform:rotate(0deg)}
to {-webkit-transform:rotate(360deg)}}
@keyframes spin {from {transform:rotate(0deg)}
to {transform:rotate(360deg)}}