﻿a.abtn{
	position:absolute;
	top:50px;
	display:block;
	overflow:hidden;
	text-indent:-20000px;
	width:17px; height:54px;
}
a.aleft{
	left:0px;
	 background:url(img/pr_go_s_left.gif) no-repeat 0 center;
}
a.agrayleft{
	
}
a.aright{
	right:0px;
	background:url(img/pr_go_s_right.gif) no-repeat right center;
}
a.agrayright{
	
}


.productshow{
	width:100%px;
	height:228px;
	padding:0;
	position:relative;
	background:#fff;
}
.productshow .scrollcontainer{
	width:100%;
	height:228px;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}
.productshow .scrollcontainer ul{
	width:20000px;
	position:absolute;
	left:0px;
	top:10px;
}
.productshow .scrollcontainer li{
	float:left;
	width:212px;
	height:238px;
	overflow:hidden;
	margin:0 12px;
	display:inline;
}
.productshow .scrollcontainer li img{
	height:170px;
	width:190px;
	border:1px solid #ddd;
}
.productshow .scrollcontainer li.last{
	background:none;
}
.productshow .scrollcontainer li div{
	height:95px;
	width:162px;
	overflow:hidden;
}
.productshow .scrollcontainer a:hover img{
	
}
.productshow .scrollcontainer li p{
	text-align:center;
	padding-top:5px;
}
.productshow .scrollcontainer li a{}

.vscroll{
	width:540px;
	height:120px;
	overflow:hidden;
	margin:20px auto;
	position:relative;
	text-align:left;
	line-height:20px;
}
.vscroll .vscrollobj{
	position:absolute;
	left:0px;
	top:0px;
}
.vscroll a.abtn{
	background-color:#f1f1f1;
	border:1px solid #666;
	height:110px;
}

.videolistwraper{
	width:206px;
	height:243px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	position:relative;
}
.videolist{
	text-align:center;
	width:106px;
	height:200px;
	overflow:hidden;
	margin:25px auto 25px;
	position:relative;
}
.videolist ul{
	position:absolute;
	left:0px;
	top:0px;
}
.videolist li{
	height:100px;
	overflow:hidden;
}
.videolist .img{
	position:relative;
	width:106px;
	height:53px;
	cursor:pointer;
}
.videolist .img img{
	width:100px;
	height:47px;
	border:3px solid #fff;
}
.videolist .img a{
	display:block;
	width:106px;
	height:53px;
	position:absolute;
	left:0;
	top:0;
	filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;
}
.videolist .img a:hover{
	display:block;
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
}
.videolist .img a.now{
	background:none;
}
.videolist p{
	margin-bottom:0;
	font-family:????????????;
}
.newslistwraper{
	width:540px;
	margin:0 auto 150px;
	position:relative;
}
.newslistwraper a.abtn{height:20px;top:0;}
.newslist{
	height:20px; 
	line-height:20px; 
	overflow:hidden;
	position:relative;
}
.newslist ul{position:absolute;left:0px;top:0px;width:540px;}




@media only screen and (max-width: 480px) {

	.pr_list_ct{
		height:412px; 
		overflow:hidden
	}
	.productshow{
		height:412px;
		padding:0;
		position:relative;
		background:#fff;
	}
	.productshow .scrollcontainer{
		width:100%;
		height:412px;
		overflow:hidden;
		position:relative;
		margin:0 auto;
	}
	.productshow .scrollcontainer li{
		float:left;
		width:400px;
		overflow:hidden;
		margin:0 30px;
		display:inline;
		height:auto;
	}		
	.productshow .scrollcontainer li img{
		height:380px;
		width:396px;
		max-width:100%;
		border:1px solid #ddd;
	}
	a.abtn{
		position:absolute;
		top:125px;
		display:block;
		overflow:hidden;
		text-indent:-20000px;
		width:17px; height:54px;
	}
	#demo1,#demo2{
		width:50% !important;
	}
	#indemo{
		width:1600% !important;}

}

@media only screen and (max-width: 320px) {

	.pr_list_ct{
		height:312px; 
		overflow:hidden
	}
	.productshow{
		height:312px;
		padding:0;
		position:relative;
		background:#fff;
	}
	.productshow .scrollcontainer{
		width:100%;
		height:312px;
		overflow:hidden;
		position:relative;
		margin:0 auto;
	}
	.productshow .scrollcontainer li{
		float:left;
		width:307px;
		overflow:hidden;
		margin:0 8px;
		display:inline;
		height:auto;
	}		
	.productshow .scrollcontainer li img{
		height:280px;
		width:294px;
		max-width:100%;
		border:1px solid #ddd;
	}
	a.abtn{
		position:absolute;
		top:125px;
		display:block;
		overflow:hidden;
		text-indent:-20000px;
		width:17px; height:54px;
	}
	#indemo{
		width:1600% !important;}
	#demo1,#demo2{
		width:50% !important;
	}
}