/**-------------------------- ¿ò¼Ücss --------------------------------------**/

/* Óұ߿¨Æ¬ÂÖ²¥ */
.news-content .content-right{
	position: relative;
	float: left;
	margin-top: 102px;
	margin-left: 12px;
	width: 664px;
	height: 390px;
}

.scroll-bg{
	position: absolute;
	z-index: 0;
	bottom: 0;
	width: 100%;
	height: 42px;
	background-color: rgba(70,84,92,.4);
}

.news-content .deliver-line{
	top: -22px;
	right: 0;
	width: 4px;
	height: 320px;
}

a.hScrollPane_leftarrow{
	position:absolute;
	top:363px;
	left:16px;
	cursor:pointer;
	display:block;
	width:7px;
	height:12px;
	background: url(../images/scroll/news_arrow_left.svg);
}

a.hScrollPane_rightarrow{
	position:absolute;
	top:363px;
	right:16px;
	cursor:pointer;
	display:block;
	width:7px;
	height:12px;
	background:url(../images/scroll/news_arrow_right.svg);
}

.hScrollPane_dragbar{
	position:absolute;
	left:32px;
	top:368px;
	padding:0 10px 0 20px;
	width:598px;
	border-bottom:#fff 2px solid;
	border-radius: 4px;
	z-index:1;	
}
.hScrollPane_draghandle{
	position:absolute;
	margin:0 14px;
	left:0;
	bottom:-4px;
	width:80px;
	height:6px;
	border-radius: 8px;
	overflow:hidden;
	background:white;
	cursor:pointer;
}
#gundiv{
	position:relative;
	margin-left:22px;
	float:left;
	width:640px;
	height:276px;
	display:inline;
	overflow:hidden;
	/*background-color: green;*/
}
#gundiv ul{
	position:absolute;
	width:10000px;
	height:276px;
}
#gundiv li{
	position:relative;
	margin-right:30px;
	float:left;
	width:206px;
	height:276px;
	/*background-color: white;*/
	overflow:hidden;
}

/**-------------------------- ¿¨Æ¬ÄÚÈÝcss --------------------------------------**/
#gundiv a{
	color: #515151;
}
#gundiv li{
	padding: 36px 20px 0px 0px;
}
#gundiv .card-title{
	position: relative;
	z-index: 99;
	margin-left: 20px;
}
#gundiv .card-text{
	position: relative;
	z-index: 99;
	width: 148px;
	margin-top: 30px;
	margin-left: 20px;
	font-size: 12px;
}

#gundiv .deliver-line{
	z-index: 99;
	left: 20px;
	top: 212px;
	font-size: 12px;
	padding-top: 3px;
	width: 100px;
	height: 22px;
	border-radius: 20px;
	text-align: center;
	color: white;
}
#gundiv .card-text-bg{
	position: absolute;
	z-index: 0;
	top: 0;
	width: 206px;
	height: 276px;
	background-image: url(../images/scroll/text_bg.png);
	opacity: 0.6;
}
#gundiv .card-text-bg.active{
	opacity: 1;
}
#gundiv li:hover .card-text-bg
{
	opacity: 1;
}