@charset "utf-8";
/* CSS Document */

 ul { padding: 0; margin: 0;} li { list_style: none; } img { border: 0; }

.play { width: 460px; height: 430px; margin: 0 auto; font: 12px; }

.big_pic { width: 460px; height: 294px; overflow: hidden; position: relative; }

.big_pic li { width: 460px; height: 320px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 0; }

.mark_left { width: 200px; height: 320px; position:absolute; left: 0; top: 0;  filter: alpha(opacity:10); opacity: 0.1; z-index:3000; }

.mark_right { width: 200px; height: 320px; position: absolute; left: 200px; top: 0;  filter: alpha(opacity:10); opacity: 0.1; z-index: 3000; }

.big_pic .prev { width: 39px; height: 58px; background:url(../images/btn.png) no-repeat; position: absolute; top: 130px; left: 0px; z-index: 3001; filter:alpha(opacity:0); opacity:0; cursor:pointer; }

.big_pic .next { width: 39px; height:58px; background:url(../images/btn2.png) no-repeat 0;
 	
 position: absolute; top: 130px; right: 0px; z-index: 3001; filter:alpha(opacity:0); opacity:0; cursor: pointer: }

.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:400px; height: 25px; background: #000; filter:alpha(opacity=60); opacity: 0.6; position: absolute; z-index:2999; bottom: 0; left:0; }
.small_pic {width:442px; height:45px; position:relative; top:7px; left:10px; overflow: hidden; }
.small_pic ul { height:45px; position:absolute; top: 0; left: 0; }
.small_pic li { width: 78px; height: 45px; float: left; 
padding-right: 20px; background: url(../images/loading.gif) no-repeat center center; cursor: pointer; filter: alpha(opacity:30); opacity:0.3; margin-right:13px; }
.small_pic img { width: 78px; height:45px; }