/*本例css*/
.coolSwitch { width: 100%; height: auto; position: relative; overflow:hidden;}

/*数字按钮样式*/
.coolSwitch .num { overflow:hidden; width: 100%; text-align: center; height: 30px; position: absolute; bottom:12px; left: 0; zoom:1; z-index:3 }
.coolSwitch .num ul{height: 5px;}
.coolSwitch .num li { width: 35px; height: 5px; margin:0 8px; background-color: #e5e7ea; line-height: 5px; overflow: hidden; text-indent: -999em; text-align: center; cursor:pointer; display: inline-block; }
.coolSwitch .num li.on { background: #788184; } /*当前项*/

/*上一个  下一个*/
.coolSwitch .prev,
.coolSwitch .next { display: none; opacity: 0.2; width: 30px; height: 60px; background: url(../images/btn.png) no-repeat; background-size: 190%; position: absolute; z-index: 2; top: 45%;}
.coolSwitch .prev { left: 0; }
.coolSwitch .next { right: 0; background-position: right }