@charset "utf-8";


/* .listCover
------------------------- */
.listCover {
	margin: -40px auto 0;
	text-align: left;
}

/* .listItem
------------------------- */
.listCover .listItem {
	padding: 0px;
	text-align: center;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	cursor: pointer;
	margin-top: 40px;
	/* float: left; */
	/* width: 317px; */
}
.listCover .listItem img {
	width: 317px;
}
.listCover .active {
	/* background: url(../images/activeArrow.png) no-repeat bottom center; */
}
.listCover .listItem .selfRep {
	display: none;
}

/* .expandField
------------------------- */
.expandField {
	left: 0px;
	top: 20px;
	padding: 0px 0;
	width: 100%;
	max-height: 380px;
	text-align: left;
	display: block;
	background: url(../images/news_bg.png) no-repeat;
	background-size: 960px;
	float: left;
	position: relative;
	overflow: hidden;
}
.expandField .btnClose {
	top: 10px;
	right: 40px;
	width: 30px;
	height: 30px;
	display: block;
	background: url(../images/btnClose.gif) no-repeat top left;
	background-size: contain;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
}
.expandField .btnPrev {
	top: 178px;
	left: 20px;
	width: 60px;
	height: 60px;
	display: block;
	background: url(../images/btnPrev.gif) no-repeat top left;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
	display: none;
}
.expandField .btnNext {
	top: 178px;
	right: 14px;
	width: 60px;
	height: 60px;
	display: block;
	background: url(../images/btnNext.gif) no-repeat top left;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
	display: none;
}
.expandField .selfRepInner {
	position: relative;
	/* padding: 50px 80px; */
	/*text-align: center;*/
}

.expandField .news_date{ position: absolute; top:28px; right: 26px;width: 234px; height: 34px; overflow: hidden; text-align: center; color: #000; font-size: 11px;}
.expandField .news_title{ position: absolute; top: 87px; left: 0px; width: 282px; height: 34px; overflow: hidden; text-align: left; color: #000; font-size: 18px;}
.expandField .news_txt{position: absolute; top: 127px; left: 0; width: 301px; height: 188px; overflow: hidden; color: #000; line-height: 25px;
font-size: 12px;}
.expandField .news_img{position: absolute; width: 365px; height: 230px; overflow: hidden; top: 114px; left: 75px; }

.expandField .selfRepInner .secLeft,
.expandField .selfRepInner .secRight {
	/* width: 50%; */
	/* float: left; */
}
.expandField .selfRepInner .secLeft {
	text-align: center;
	  position: relative;
  width: 100%;
  
	/* padding-top: 56.25%; */
}
.secLeft iframe{
	position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.expandField .selfRepInner .secRight {
	text-align: left;
	color: #fff;
	position: absolute;
	left: 582px;
	top: 0px;
	width: 300px;
	overflow: hidden;
	height: 306px;
}

/* ===========================================
	SizeAdjustment
=========================================== */
@media screen and (max-width: 600px) {
	.expandField .selfRepInner .secLeft img {
		width: 80%;
	}
}
@media screen and (max-width: 480px) {
	.expandField .selfRepInner .secLeft {
		display: none;
	}
	.expandField .selfRepInner .secRight {
		width: 100%;
		float: none;
	}
}

/* =======================================
	ClearFix
======================================= */
.listCover:before,
.listCover:after,
.expandField .selfRepInner:before,
.expandField .selfRepInner:after {
	content: " ";
	display: table;
}
.listCover:after,
.expandField .selfRepInner:after {clear: both;}
.listCover,
.expandField .selfRepInner {*zoom: 1;}