/* sildes css begin */
			      
.videoscroll {
    margin: 0 auto; height:170px; overflow:hidden;
    position: relative;
    width: 1020px;
}
	


a.abtn {
    display: block; position:absolute; top:50px;
}
a.aleft {
    background: url(../images/arrow-l1.png) left center no-repeat; width:30px; height:70px;
	left:0;
}
a.aright {
    background: url(../images/arrow-r1.png) right center no-repeat; width:30px; height:70px;
    right:0;
}
a.aleft:hover {
   background: url(../images/arrow-l2.png) left center no-repeat;
}
a.aright:hover {
   background: url(../images/arrow-r2.png) right center no-repeat;
}
a.agrayleft {
    background: url(../images/arrow-l3.png) left center no-repeat; width:30px; height:70px;
}
a.agrayright {
    background: url(../images/arrow-r3.png) right center no-repeat; width:30px; height:70px;
}

.scrolllist{ position:absolute; top:0; left:0; width:1020px; height:170px;}
.scrolllist .imglist_w{ width:920px; height:170px; overflow:hidden; position:absolute; top:0; left:50px;/*必要元素*/}
.scrolllist .imglist_w ul{width:20000px;position:absolute;left:0px;top:0px; padding-left:0;}
.scrolllist .imglist_w li{ float:left; position:relative; position:relative; width:210px; height:170px; margin:0 10px; display:inline; }
.scrolllist .imglist_w li img{ width:210px; height:120px;}
.scrolllist .imglist_w li a span{ display:block; cursor:pointer; text-align:center; margin-top:10px;  font-size:14px}

.btn-play{width:36px; height:36px; left:88px; top:42px; position:absolute; background:url(../images/btn-play1.png) no-repeat center;}
.btn-play:hover{background:url(../images/btn-play2.png) no-repeat center;}






/* sildes css begin */


.cl:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.cl{zoom:1}
.control {width:800px;height:800px;display: block;position:absolute;top:0;left:130px;overflow: hidden;}
.change li{width:800px;overflow: hidden;text-align:center; list-style:none;}

/* 图片垂直居中,不是很准确 */
.change li .imgWrap{display: table-cell ;width:800px;height:800px;vertical-align: middle;cursor:pointer;*font-size: 500px;}
.change li img{max-width:800px;max-height:800px;width: expression(this.width > 900 && this.width > this.height ? 900 :true); height:expression(this.height >900 ? 900: true);vertical-align:middle; overflow:hidden}

/* 描述部分 */
.change li .textDesc{width:0;height:0;position:absolute;left:0;bottom:0;text-align:left;display:none;}
.change li .opacity{width:0;height:0;position:absolute;left:0;bottom:0;filter:alpha(opacity=0);opacity:0;}
.change li .title{padding:10px 15px 0; color:#e6e6e6;font-size:14px;line-height:22px;}
.change li .title a{color:#e6e6e6;}
.change li .text{color:#b7b7b7;line-height:18px;padding:5px 15px;font-size:12px;}

/* 翻页按钮 */
.prev, .next{width:49px;height:49px;position:absolute;bottom:480px; color:#FFF;font-size:14px; z-index: 9;font-weight:bold; cursor: pointer;outline:none} 
.prev span, .next span{display: none;}
/*.prev{left:0;background:url(../images/arrows_01.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="../images/arrows_01.png") ; _background:none}
.next{right:0;background:url(../images/arrows_02.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="../images/arrows_02.png") ; _background:none}*/

/* 分页 */
.pageClass{text-align:center;z-index: 9;position:absolute;top:50px;padding-top:10px;}
.pageClass a{display: inline-block; width:10px;height:10px;margin:0 3px;overflow:hidden; border:1px solid #bebebe;background:#bebebe ;border-radius:5px;outline:none}
.pageClass a span{display:none}
.pageClass a:hover,.pageClass a.cur{border:1px solid #be230a;background:#be230a }

/* 缩图部分 */
.thumbWrap{width:140px;height:495px;padding:35px 0;position:absolute;right:0;top:10px;border-radius:5px;overflow: hidden;}
.thumbWrap .thumbCont{width:100%;height:100%;position:relative;overflow: hidden;}
.thumbWrap ul{ padding:0; margin:0; list-style:none; top:0;}
.thumbWrap ul li{width:134px;height:89px;padding:5px 3px;text-align:center;overflow: hidden;}
.thumbWrap ul li div{display: table-cell ;width:138px;height:89px;vertical-align: middle;cursor:pointer;*font-size: 79px;}

.thumbWrap ul li img {max-width:134px; max-height:89px; width: expression(this.width > 134 && this.width > this.height ? 134 :true); height:expression(this.height >89 ? 89: true);vertical-align:middle; overflow:hidden; border:1px solid #e1e1e1;}

.thumbWrap ul li.cur img{ border:1px solid #23a1ed;}

/* 缩图按钮 */
.thumbPrev,.thumbNext{width:140px;height:39px;text-align:center;position:absolute;color:#000;z-index: 9; outline:none}
.thumbPrev span, .thumbNext span{display: none;}

.thumbPrev{left:0;top:0;background:url(../images/Yprev.png) no-repeat center top;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="../images/Yprev.png") ;}
.thumbNext{left:0;bottom:0;background:url(../images/Ynext.png) no-repeat center bottom;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="../images/Ynext.png") ;}