/* 本例子css */
.foucebox .col-md-4{
	padding-left: 0px;
	padding-right: 0px;
}
.foucebox .bd {
	position:relative;
	float:left;
	width:100%;
	height:520px;
	overflow:hidden;
}
.foucebox .showDiv {
	position:relative;
	width:100%;
	height:521px;
}
.foucebox .showDiv img {
	width:100%;
	height:521px;
}
.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:521px;
	height:34px;
	background:url("/static/xvnjia/plugins/jdt/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:#FFF;
	font-weight:normal;
	text-decoration:none;
}
.foucebox .foucebox_bg {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:107px;
	background:#000;
	filter:alpha(opacity=60);
	opacity:0.6;
	z-index:8;
	overflow:hidden;
}
.foucebox .hd {
    width: 100%;
    height: 523px;
    float: left;
    overflow-y: scroll;
}
.foucebox .hd ul li {
	width:47%;
	height:126px;
	float:left;
	margin:0 7px 7px 0px;
	display:inline;
	position:relative;
}
.foucebox .hd ul a {
	display:block;
	width:100%;
	height:126px;
}
.foucebox .hd ul img {
	width:164px;
	height:126px;
}
.foucebox .hd ul .txt_bg {
    width: 100%;
    height: 54px;
    position: absolute;
    left: 0px;
    bottom: 0;
}
.foucebox .hd ul .txt {
	width:100%;
    height: 54px;
    line-height: 54px;
	color:#fff;
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:2;
	text-align:center;
	overflow:hidden;
}
.foucebox .hd ul .mask {
	width: 100%;
    height: 126px;
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    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:#1689d9;
}


.foucebox .hd ul .on .txt_bg {
	background:rgba(243, 152, 17, 0.71);
}


.foucebox .hd ul a:hover {
	color:#fff;
}



.foucebox .hd ul a:hover .txt_bg {
	background:rgba(243, 152, 17, 0.71);
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}