.projector{position:relative;}
.projector-pic{position:relative;height: 500px;overflow: hidden;font-size:0;white-space: nowrap;}
.projector-pic ul{position: relative;height: 100%;}
.projector-pic li{position: relative;height: 100%;display:inline-block;vertical-align: top;font-size:12px;text-align: center;overflow: hidden;}
* + html .projector-pic li{display:inline;}
.projector-num{position: absolute;bottom:10px;width:100%;font-size: 0;white-space: nowrap;text-align: center;}
.projector-num li{display: inline-block;width:32px;height:4px;margin:5px;border:2px solid #cccccc;background-color: #cccccc;cursor: pointer;}
* + html .projector-num li{display: inline;}
.projector-num .active{border-color:#ffffff;background-color: #444444;}
.projector-turn{position: absolute;top:50%;left:0;width: 100%;}
.projector-turn .text{display: none}
.projector-prev,.projector-next{position: absolute;top:-50px;width: 38px;height: 100px;background: url(turn-pic.png) no-repeat 0 0;cursor: pointer;}
.projector-prev{left:0;}
.projector-prev:hover{background-position: 0 -100px}
.projector-next{right:0;background-position: -38px 0}
.projector-next:hover{background-position: -38px -100px}