*{margin: 0;padding: 0;list-style: none}
body{background: #fff;font: normal 12px/22px 宋体}
img{border: 0}
a{text-decoration: none;color: #333}
.slideBox{width: 100%;height: 500px;overflow: hidden;position: relative;border: 1px solid #ddd}
.slideBox .hd{height: 15px;overflow: hidden;position: absolute;right: 5px;bottom: 5px;z-index: 1}
.slideBox .hd ul{overflow: hidden;zoom: 1;float: left}
.slideBox .hd ul li{float: left;margin-right: 2px;width: 15px;height: 15px;line-height: 14px;text-align: center;background: #fff;cursor: pointer}
.slideBox .hd ul li.on{background: #f00;color: #fff}
.slideBox .bd{position: relative;height: 100%;z-index: 0}
.slideBox .bd li{zoom: 1;vertical-align: middle}
.slideBox .bd img{width: 100%;height: 500px;display: block}
.slideBox .prev,.slideBox .next{position: absolute;left: 3%;top: 50%;margin-top: -25px;display: block;width: 32px;height: 40px;background: url() -110px 5px no-repeat;filter: alpha(opacity=50);opacity: 0.5}
.slideBox .next{left: auto;right: 3%;background-position: 8px 5px}
.slideBox .prev:hover,.slideBox .next:hover{filter: alpha(opacity=100);opacity: 1}
.slideBox .prevStop{display: none}.slideBox .nextStop{display: none}