/* ¿¨Æ¬ÂÖ²¥ */
#card-carousel{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	width: 1014px;
	height: 350px;
	/*background-color: red;*/
}

.flashBg{
	position:relative;
	margin:0 auto;
	width:892px;
	height:350px; 
	/*background-color: green;*/
	overflow:hidden;
}

.flashBg.product{
	height:730px; 
}

.flashBg ul.mobile{
	position:absolute;
	top:15; 
	left: 0;
	width:2000%;
	height:348px; 
}

.flashBg ul.mobile li{
	border-radius: 4px;
	float:left;
	width:276px;
	height:348px;
	margin-left:30px;
	background-color: white;
	box-shadow:0 4px 10px rgba(0,0,0, 0.3);
}

.flashBg ul.mobile li img{
	width: 276px;
	height: 180px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.flashBg ul.mobile li.frist{
 	margin-left: 0;
}

.flashBg ul.mobile li.end{
  	margin-right: 30px;
}

.flashBg ul.mobile .card-text{
	position: relative;
	padding: 20px;
	width: 100%;
	height: auto;
}

.flashBg ul.mobile .card-text span,
.flashBg ul.mobile .card-text a:hover span{
	color: #3157d5;
}

.flashBg ul.mobile .card-text p,
.flashBg ul.mobile .card-text a:hover p{
	padding-top: 14px;
	font-size: 12px;
	color: #515151;
}

.flashBg ul.mobile.product .deliver-line{
	top: 166px;
}

.flashBg ul.mobile .deliver-line{
	width: 276px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.but_left{
	position:absolute; 
	top:156px; 
	left:0px;
	width:13px;
	height:21px;
	cursor: pointer;	
	opacity: 0.8;
}
.but_right{
	position:absolute; 
	top:156px; 
	right:0px;
	width:13px;
	height:21px; 
	cursor: pointer;
	opacity: 0.8;
}
.but_left:hover,
.but_right:hover
{
	opacity: 1;
}