.rebox {cursor:pointer;position:fixed;width:100%;height:100%;top:0;left:0;z-index:1000000;-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);*+background:url(../images/ie7Bg.png) repeat;}
.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:50%;left:50%;text-align:center;width:600px;height:480px;margin:-240px 0 0 -300px;}
.rebox-contents .rebox-content {box-shadow:0 0 20px #000;border-radius:1px;max-width:100%;max-height:100%;}
.rebox-contents canvas {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;/*background:rgba(0,0,0,0.7);*+background:url(../img/ie7Bg.png) repeat;*/}
.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-caption .pictureBut {height:48px;margin:0 auto;width:262px;padding:18px 0 0;}
.rebox-caption .pictureBut span {width:24px;height:24px;display:inline-block;cursor:pointer;}
.rebox-caption .pictureBut .leftRotat {background-position:-268px -117px;float:left;}
.rebox-caption .pictureBut .rightRotat {background-position:-240px -117px;float:right;}

.rebox-button {position:absolute;z-index:9999;text-indent:-9999px;}
.rebox-close {right:12px;top:12px;width:21px;height:21px;background-position:-149px -117px;}
.rebox-next {right:50px;margin-top:-21px;top:50%;width:25px;height:42px;background-position:-208px -117px;}
.rebox-prev {left:50px;top:50%;margin-top:-21px;width:25px;height:42px;background-position:-178px -117px;}
.rebox-loading {left:50%;top:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:url(../images/loading.gif) no-repeat 0 0;}

@-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); }
}