@charset "utf-8";


.play { width: 296px; height: 282px; margin: 0px auto 0;}



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

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

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

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

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



.small_pic {width:276px; height:80px; position:relative; top:10px; left:10px; overflow: hidden;}
.small_pic ul { height:50px; position:absolute; top: 0; left: 0;}
.small_pic li { width: 85.3px; height: 68.23px; float: left; padding-right: 10px; background: url(../images/loading.gif) no-repeat center center; cursor: pointer; filter: alpha(opacity:30); opacity:0.3;}
.small_pic img { width: 85.3px; height:70x;}


*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
.marqueeleft{height:100px;width:900px;overflow:hidden;margin:0px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 2px;display:inline;width:155px;height:144px;overflow:hidden;}
.marqueeleft li .pic{display:block;border:#ccc 1px solid;width:135px;height:104px;padding:2px;overflow:hidden;}
.marqueeleft li .txt{text-align:center;height:0px;line-height:0px;}