*{padding:0; margin:0}
body ul { padding: 0; margin: 0; } li { list-style: none; } img { border: 0; }
.play { width: 520px; height: 470px; background: #eee; font: 12px Arial; margin:20px auto }
.big_pic { width: 520px; height: 360px; overflow: hidden; border-bottom: 1px solid #ccc; background: #ddd; position: relative; }
.big_pic li { width: 520px; height: 360px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 0; background: url(loading.gif) no-repeat center center; }
.mark_left { width: 60px; height: 60px; position: absolute; left: 0; top: 0; background: red; filter: alpha(opacity:0); opacity: 0; z-index:3000; }
.mark_right { width: 60px; height: 60px; position: absolute; left: 260px; top: 0; background: green; filter: alpha(opacity:0); opacity: 0; z-index:3000; }
.big_pic .prev { width: 60px; height: 60px; background: url(btn.gif) no-repeat; position: absolute; top: 150px; left: 10px; z-index: 3001; cursor: pointer; filter:alpha(opacity: 0); opacity:0; }
.big_pic .next { width: 60px; height: 60px; background: url(btn.gif) no-repeat 0 -60px; position: absolute; top: 150px; right: 10px; z-index: 3001;cursor: pointer; filter:alpha(opacity: 0); opacity:0; }
.big_pic .text { position: absolute; left: 10px; top: 302px; z-index: 3000; color: #ccc; }
.big_pic .length { position: absolute; right: 10px; bottom: 4px; z-index: 3000; color: #ccc; }
.big_pic .bg { width: 520px; height: 25px; background: #000; filter: alpha(opacity=60); opacity: 0.6; position: absolute; z-index: 2999; bottom: 0; left: 0; }
.small_pic { width: 500px; height: 94px; position: relative; top: 7px; left: 10px; overflow: hidden; }
.small_pic ul { height: 94px; position: absolute; top: 0; left: 0; }
.small_pic li { width: 120px; height: 94px; float: left; padding-right: 10px; background: url(images/loading.gif) no-repeat center center; cursor: pointer; filter: alpha(opacity=60); opacity: 0.6; }
.small_pic img { width: 120px; height: 94px; }