@charset"utf-8";

.photosBox{overflow:hidden;position: absolute;top:0;left:0; z-index:2;}
.photosBox ul{padding:0;width:100%;height:100%;position: relative;}
.photosBox li{position: absolute;left:0;top:0;display: none;width:100%;height:100%;}
.photosBox .photo{background-repeat:no-repeat;background-position: center;}

.photosBox .dots{width:1000px;text-align: center;position:absolute;bottom:15%;left:50%;margin-left:-500px;z-index: 999;}
.photosBox .dots span{display: inline-block;width:40px;height:5px;background:dodgerblue;margin: 0 5px;cursor: pointer;}
.photosBox .dots .index{background:#eee;}

.photosBox .pbBtn{
    width:40px;height:40px;display: block;position:absolute;top:50%;margin-top:-20px;
    z-index: 999;background:#f3f3f3;color:#111;}
.photosBox .leftBtn{left:10%;margin-left:-20px;}
.photosBox .rightBtn{ right:10%;margin-right:-20px;}

.opacity-80{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8}
.opacity-60{filter:alpha(opacity=60); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.6}
.opacity-40{filter:alpha(opacity=40); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.4}
.opacity-20{filter:alpha(opacity=20); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.2}