ul { padding: 0; margin: 0; } li { list-style: none; } img { border: 0; }

.play { width: 290px; height: 240px; margin:5px 0px 5px 0px; background: #999; font: 12px Arial;  background: #fff;  text-align:center; }

.big_pic { width: 290px; height: 210px; overflow: hidden; border-bottom: 1px solid #ccc; background: #222; position: relative; }
.big_pic li { width: 290px; height:210px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 0; background: url(images/loading.gif) no-repeat center center; }

.mark_left { width: 145px; height: 210px; position: absolute; left: 0; top: 0; background: red; filter: alpha(opacity:0); opacity: 0; z-index:3000; }
.mark_right { width: 145px; height: 210px; position: absolute; left: 145px; top: 0; background: green; filter: alpha(opacity:0); opacity: 0; z-index:3000; }
.big_pic .prev { width: 60px; height: 60px; background: url(images/btn.gif) no-repeat; position: absolute; top: 70px; left: 10px; z-index: 3001; filter:alpha(opacity:0); opacity:0; cursor: pointer; }
.big_pic .next { width: 60px; height: 60px; background: url(images/btn.gif) no-repeat 0 -60px; position: absolute; top: 70px; right: 10px; z-index: 3001; filter:alpha(opacity:0); opacity:0; cursor: pointer; }


.big_pic .length { position: absolute; right: 10px; bottom: 4px; z-index: 3000; color: #ccc; }


.small_pic{position:relative;bottom:-5px; width:100px; text-align:center;  margin:0 auto;}
.small_pic li{width:10px;height:10px; background: #afafaf; overflow:hidden; color:#fff; cursor:default; font-size:12px;float:left; line-height:15px; margin:0px 5px;; font-family:Arial; text-align:center; }
.small_pic li.hot{background:#333333; color:#993300;}