@charset "utf-8";
/*
[Destoon B2B System] Copyright (c) 2008-2015 www.destoon.com20180407
*/
.player{padding:32px 0;}

.xname{height:40px;line-height: 60px;}
.xname h2{font-size: 20px; color: #ffffff; font-weight: bold; padding-left: 23px;}

.play-list{padding:24px 0px 8px 0px;}
.play-list div{height:75px;margin-bottom:16px;padding: 0px 24px 0px 24px;}
.play-list div:hover{background:#202020;}
.play-list img{float:left;}
.play-list ul{float:left;width:190px;}
.play-list p{height:40px;line-height:20px;overflow:hidden;margin:6px 10px;color:#F1F1F1;}
.play-list span{color:#999999;padding-left:10px;}


.info{background: #FFFFFF;}

	
	.foucebox {width:1200px;height:400px;background:#000;margin:0 auto;}
	.foucebox .bd{position:relative;float:left;width:710px;height:400px;overflow:hidden;}
	.foucebox .showDiv {position:relative;width:710px;height:400px;}
	.foucebox .showDiv img {width:710px;height:400px;}
	.foucebox .showDiv p { position:absolute;left:20px;bottom:0;padding-right:20px;color:#aaa;z-index:9; height:44px; }
	.foucebox .showDiv h2 { position:absolute;left:20px; bottom:0; width:380px;height:34px;  background:url(images/foucebox_h2.png) no-repeat 0 4px;_background:none;padding-left:40px;_padding-left:0;font-size:24px;font-family:"Microsoft Yahei";line-height:34px;z-index:9;overflow:hidden;}
	.foucebox .showDiv h2 a {color:#ffffff;font-weight:normal;}
	.foucebox .foucebox_bg {position:absolute;left:0;bottom:0;width:710px;height:107px;background:#000;filter:alpha(opacity=60);opacity:0.6;z-index:8;overflow:hidden;}

	.foucebox .hd{width:480px; height:395px;float:right;}
	.foucebox .hd ul li{width:114px; height:91px; float:left; margin:0 0 10px 4px; position:relative;}
	.foucebox .hd ul a {display:block;width:114px;height:91px;}
	.foucebox .hd ul img{width:108px; height:84px; border:3px solid #2b2b2b;}
	.foucebox .hd ul .txt_bg{width:108px; height:24px; position:absolute; left:3px; top:63px; background:url(images/bg_png.png) no-repeat; _background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src="images/bg_png.png");}
	.foucebox .hd ul .txt{width:103px; height:24px; line-height:24px; color:#fff; position:absolute; left:4px; bottom:4px; z-index:2; text-align:right; padding-right:5px;overflow:hidden;}
	.foucebox .hd ul .mask{width:108px; height:85px; display:block; position:absolute; left:3px; bottom:3px; z-index:3; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000', endColorstr='#66000000');background:rgba(0,0,0,0.4);}
	.foucebox .hd ul a:hover .mask, .foucebox .hd ul .on .mask{display:none; position:relative;}
	.foucebox .hd ul a:hover img, .foucebox .hd ul .on img{border-color:#cc0000;}
	.foucebox .hd ul a:hover{color:#fff;}
	.foucebox .hd ul a:hover .txt_bg {background:#cc0000;}
	
	
	.video-foucebox {float:left;width:900px;height:400px;background:#000;margin:0 auto;}
	.video-foucebox .bd{position:relative;float:left;width:646px;height:400px;overflow:hidden;border: none;}
	.video-foucebox .showDiv {position:relative;width:646px;height:400px;}
	.video-foucebox .showDiv img {width:646px;height:400px;}
	.video-foucebox .showDiv p { position:absolute;left:20px;bottom:0;padding-right:20px;color:#aaa;z-index:9; height:44px; }
	.video-foucebox .showDiv h2 { position:absolute;left:20px; bottom:0; width:380px;height:34px;  background:url(images/foucebox_h2.png) no-repeat 0 4px;_background:none;padding-left:40px;_padding-left:0;font-size:24px;font-family:"Microsoft Yahei";line-height:34px;z-index:9;overflow:hidden;}
	.video-foucebox .showDiv h2 a {color:#fff;font-weight:normal;}
	.video-foucebox .foucebox_bg {position:absolute;left:0;bottom:0;width:646px;height:107px;background:#000;filter:alpha(opacity=60);opacity:0.6;z-index:8;overflow:hidden;}

	.video-foucebox .hd{width:254px; height:395px;float:right;padding-top:4px;}
	.video-foucebox .hd ul li{width:114px; height:91px; float:left; margin:0 0 10px 8px; position:relative;}
	.video-foucebox .hd ul a {display:block;width:114px;height:91px;}
	.video-foucebox .hd ul img{width:108px; height:84px; border:3px solid #2b2b2b;}
	.video-foucebox .hd ul .txt_bg{width:108px; height:24px; position:absolute; left:3px; top:63px; background:url(images/bg_png.png) no-repeat; _background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src="images/bg_png.png");}
	.video-foucebox .hd ul .txt{width:103px; height:24px; line-height:24px; color:#fff; position:absolute; left:4px; bottom:4px; z-index:2; text-align:right; padding-right:5px;overflow:hidden;}
	.video-foucebox .hd ul .mask{width:108px; height:85px; display:block; position:absolute; left:3px; bottom:3px; z-index:3; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000', endColorstr='#66000000');background:rgba(0,0,0,0.4);}
	.video-foucebox .hd ul a:hover .mask, .video-foucebox .hd ul .on .mask{display:none; position:relative;}
	.video-foucebox .hd ul a:hover img, .video-foucebox .hd ul .on img{border-color:#cc0000;}
	.video-foucebox .hd ul a:hover{color:#fff;}
	.video-foucebox .hd ul a:hover .txt_bg {background:#cc0000;}