.product{
	margin:auto;
	overflow: hidden; 
	min-height:350px; 
}
.product .slide-wrap{
	position: relative;
	width: 100%;
}
.product .border{
	position: relative;	
	top: 50%;
	transform:translateY(-50%);
	height:80%;
}
.product .slide{
	position: relative;	
	top: 50%;
	transform:translateY(-50%);	
	-webkit-transition:left .5s;
	left: 0px;
	width:100%;
}
.product .slide-active-r{
	left:-30px;
}
.product .slide-active-l{
	left:30px;
}
.product .shift{
	position: absolute;
	z-index: 1;
	background-color: #d3d7dc;
	height: 100%;
	-webkit-transition: opacity .5s, width .1s ,margin .5s;
	width:0px;
	opacity: 0;
}
.product .shift-active{
	width:66px;
	opacity: .65;
}
.product .left{
	left:-33px;
}
.product .right{
	right:-33px;
}
.product i.shift{
	top:50%;
	transform:translateY(-50%); 
	background-color: transparent;
	background-image:url(../images/angle.png);
	background-size: auto;
	background-repeat: no-repeat;
	height: 45px;
}
.product i.left{
	background-position: 0 0px;
}
.product i.right{
	background-position: -28px 0px;
}
.product .i-active{
	width: 28px;
	opacity: 1;
	margin:0 36px;	
}
.product .i-active-move{
	margin:0 18px;
}
.product ul{ 
	position: relative;
	white-space:nowrap;
	font-size: 0;
	transition: transform 0.5s ease-out;
}
.product li{
	display: inline-block;
}
.product li .pic{
	background-color:#bdc1c9;
	background: url("../images/p-bg-hui.png") no-repeat;
    vertical-align: middle;
    background-size:100% 100%;
	margin:0px;
	position: relative;
}
.product img{
	box-shadow: 0 1px 3px rgba(0,0,0,.25);
	width: 100%;
	height: auto;
}
.product .mark{
	background: url("../images/p-bg-blue.png") no-repeat;
    background-size:100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    text-align: center;
    vertical-align: middle;
}
.product li:hover .mark{
	opacity: 0.5;
}
.product li:hover .title{
	border-bottom: 4px solid #00a8ff;
}
.product .title{
	padding: 15px 0;
	font-weight: bold;
	line-height: 22px;
	color: #1c1c1c !important;
	font-size: 22px;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;
	border-bottom: 4px solid #e5e5e5;
}
.product span{
	font-size: 16px;
	color: #252525;
	padding-bottom: 15px;
}