 
/*首页底部视频*/
.home-video-box {
	margin-bottom: 5px;
	width: 90%;
	 float: none; clear:none; margin-top:1px;
}
.box-hd{ 

border-top:#360 solid 1px; padding:5px 0px 5px 25px; font-size:20px;   color:#006937;

}
.video-list {
	width:100%;
	height: 285px;
	margin: 0;
	padding: 0;
	list-style-type: none; margin:0px auto 0px auto;
	
}
.video-item {
	position: relative;
	float: left;
	width: 24%;
	height: 285px;
	margin-left: 14px;
	margin-bottom: 14px;
	text-align: center;
	background: #fff;
	-webkit-transition: -webkit-box-shadow 0.2s linear;
	transition: box-shadow 0.2s linear;
	
	z-index: 2;
	-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}
.video-item:hover {
	z-index: 2;
	-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);
	box-shadow: 0 15px 30px rgba(0,0,0,0.2);
}



.video-item:first-child, .video-item-first {
	margin-left: 0;
}
.video-item .figure-img {
	position: relative;
	width: 100%;
	height: 180px;
	margin: 0 0 28px;
}
.video-item .figure-img a {
	display: block;
	height: 180px;
}
.video-item .figure-img img {
	width: 100%;
	height: 180px;
}
.video-item .play {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 54px;
	height: 34px;
	margin: -19px 0 0 -29px;
	border: 2px solid #fff;
	border-radius: 6px;
	background-color: #424242;
	background-color: rgba(0,0,0,0.6);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#99000000", endColorstr="#99000000")\9;
	color: #fff;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.video-item .play i {
	font-size: 34px;
	line-height: 34px;
}
.video-item:hover .play {
	background-color: #ff6700;
	border-color: #ff6700;
}
.video-item .title {
	margin: 0 0 6px;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	color: #333;
}
.video-item .desc {
	height: 18px;
	margin: 0;
	font-size: 12px;
	color: #b0b0b0;
}
 
/*半透明黑色背景*/
.fade {
	opacity: 0;
	filter: alpha(opacity=0)\9;
	-webkit-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear;
}
.modal-backdrop {
	position: fixed !important;
	_position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #333;
}
.fade.in {
	opacity: 1;
	filter: alpha(opacity=100)\9;
}
.modal-backdrop, .modal-backdrop.fade.in {
	opacity: 0.5;
	filter: alpha(opacity=50)\9;
}
.modal-backdrop.fade {
	opacity: 0;
	filter: alpha(opacity=0)\9;
}
.modal-backdrop, .modal-backdrop.fade.in {
	opacity: 0.5;
	filter: alpha(opacity=50)\9;
}
/*视频弹窗*/
.modal {
	position: fixed !important;
	top: 50%;
	left: 50%;
	_position: absolute;
	_top: 15%;
	_margin-top: 0;
	z-index: 1050;
	width: 660px;
	margin-left: -330px;
	margin-top: -300px;
	_margin-top: 0;
	background-color: #fff;
	outline: none;
}
.modal.fade.in {
	top: 50%;
	_top: 15%;
}
.modal.fade {
	-webkit-transition: opacity 0.4s linear, top 0.4s ease-out;
	transition: opacity 0.4s linear, top 0.4s ease-out;
	top: -25%;
}
.modal-video {
	width: 880px;
	height: 596px;
	margin-top: -298px;
	margin-left: -440px;
	-webkit-box-shadow: 0 18px 30px rgba(0,0,0,0.18);
	box-shadow: 0 18px 30px rgba(0,0,0,0.18);
}
.modal-hide {
	display: none;
}
.modal .close {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #757575;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	z-index: 10;
	border-radius: 15px;
}
.modal .close:hover {
	color: #fff;
	background-color: #e53935;
}
.modal .close .iconfont {
	font-size: 24px;
	font-weight: 200;
	vertical-align: middle;
}
.modal-header, .modal-hd {
	position: relative;
	height: 32px;
	padding: 14px 20px;
	background-color: #f5f5f5;
}
.modal-header h3, .modal-header .title, .modal-hd h3, .modal-hd .title {
	margin: 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 32px;
	color: #424242;
}
.modal-body, .modal-bd {
	position: relative;
	max-height: 400px;
	padding: 40px 60px;
}
.modal-video .modal-bd {
	max-height: 536px;
	padding: 0;
}













 
.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}
 