@charset "utf-8";
/* CSS Document */

/*图片展示*/
.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;
    background:#000;}
.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: 50px; left: 7.5%; text-align: center; width: 85%; height: 85%; }
.rebox-contents .rebox-content {  border: 5px solid #fff;  box-shadow: 0 0 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; }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }
.rebox-button { position: absolute; z-index: 9999; width: 15px; height: 15px; 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: 15px; top: 15px; }
.rebox-next { left: 50px; top: 15px; background: url(../images/right11.png) no-repeat;width:15px;height:25px;}
.rebox-prev { left: 10px; top: 15px; background: url(../images/left11.png) no-repeat;width:15px;height:25px;}
.rebox-loading { left: 50%; top: 45%;
    -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); }
}

@media screen and (max-width:800px) {
    .rebox-contents .rebox-content{ border:3px solid #fff;} 
}
 @media screen and (max-width:640px) {
    .rebox-contents { width: 75%; height: 75%; left:12.5%;position: absolute; top: 50px; }
} 

@media screen and (max-width:360px) {
    .rebox-contents { width: 85%; height: 85%; left:7.5%;position: absolute; top: 50px; }
}