/* CSS Document */

	/* ²úÆ·Áбí */
	.clear{ clear:both; height:0px; line-height:0px; font-size:0px;}
.list-product{width: 1200px;margin: 0 auto;  }

.list-product a{position: relative;float: left;width: 285px;height: 160px; margin-right:20px; margin-bottom:30px; }

.list-product a img{display: block;width: 285px;height: 160px;}
.list-product a .opacity{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #e31811;opacity: 0;filter: alpha(opacity=0);}
.list-product a span{position: absolute;top: 0;left: 0;width: 80%;height: 30px;line-height: 30px;padding: 60px 10%;overflow: hidden;opacity: 0;font-size: 16px;color: #fff;text-align: center;letter-spacing: 1px;white-space: nowrap;text-overflow: ellipsis;filter: alpha(opacity=0);}
.list-product a:hover .opacity{opacity: .4;filter: alpha(opacity=40);}
.list-product a:hover span{opacity: 1 !important;filter: alpha(opacity=100) !important;}
.list-product a .border{position: absolute;top: 13px;left: 13px;width: 259px;height: 134px;}
.list-product a .border .top{position: absolute;top: 0;left: 72%;border-bottom: 1px solid #fff;}
.list-product a .border .right{position: absolute;top: 0;right: 0;border-left: 1px solid #fff;}
.list-product a .border .bottom{position: absolute;right: 72%;bottom: 0;border-top: 1px solid #fff;}
.list-product a .border .left{position: absolute;bottom: 0;left: 0;border-right: 1px solid #fff;}

 
.about_video{overflow:hidden;margin: 35px auto; width:1200px;}
.about_video ul{}
.about_video li{float:left;width:285px; height:200px;margin-right:20px; margin-bottom:30px; padding-bottom:30px;cursor:pointer;position:relative;}
.about_video li.end {
	margin-right: 0;
}
.about_video li:nth-child(4n) {
margin-right: 0;
}
.about_video li .atimg{width:100%;display:block;}
.about_video li span{width:0;height:0;position:absolute;top:50%;left:50%;background:url(/templates/cn2014/images/ab_video.png) no-repeat;background-size:100% auto;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);}
.about_video li:hover span{width:81px;height:81px;margin:-51px 0 0 -41px;transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);}
.about_video li p.tit{font-size:16px;height:35px; line-height:35px; text-align:center; background:#fff;color:#333;}
.about_video li p.desc{font-size:13px;height:40px; line-height:20px; background:#fff; color:#333; overflow:hidden;}


.about_video li span{transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;}