.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); /* IE Fallback (Solid Colour) */
    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: 3%;left: 5%;text-align: center;width: 90%;height: 90%;} 
.rebox-contents .rebox-content { /*! border: 5px solid #fff; */ /*! box-shadow: 0 0 20px #000; */ /*! border-radius: 1px; */width: 36%; /*! height: 490px; */} 
.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: 0px;width: 100%;text-align: center;z-index: 1000; /*! background: #000; */background: #eeeeee;height: 200px;overflow: auto;}
.rebox-caption p { margin: 0 auto; max-width: 1200px; display: inline-block; *display: inline; *zoom: 1; padding: 10px; /*! color: #fff; */ font-size: 16px; line-height: 30px; }

.rebox-button { position: absolute; z-index: 9999; width: 66px; height: 66px; background: url(../images/close_03.png) no-repeat;
   
    }
/* .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: 10px; }
.rebox-next { right: 0; top: 48%; background: url(../images/right11.png) no-repeat;width:44px;height:88px; }
.rebox-prev { left: 0; top: 48%; background: url(../images/left11.png) no-repeat;width:44px;height:88px;}
.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); }
}