/*产品列表*/
.w-prd-list-cell a{ text-decoration:none;color: #4e4e4e;}
.w-prd-list-cell a:hover{ text-decoration:underline;}
.w-prd-list-cell{ float:left; margin-bottom:1em;}
/*.w-prd-list-cell .w-prd-con{overflow:hidden;}*/
.w-prd-list-cell .w-prd-con:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.w-prd-list-cell .w-prd-con{ zoom:1;}
.w-prd-list-cell .w-prd-con > a{ display:block; text-decoration:none;}
.w-prd-list-cell .w-prd-con > a::after{content:""; display:block; clear:both; height:0; visibility:hidden;}
.w-prd-list-cell .w-prd-con > a:hover{ text-decoration:none;}
.w-prd-list-cell .w-prd-imgbox{ text-align:center;}
.w-prd-list-cell .w-prd-imgbox a{ display:block; }
.w-prd-list-cell .w-prd-infobox h2{ font-size:110%; margin-top:0; margin-bottom:0.5em; font-weight:normal; text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;}
.w-prd-list-cell .w-prd-price-groups{text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden; margin-bottom:0.5em; }
.w-prd-list-cell .w-prd-price-groups-hover{ position:absolute; padding:5px; z-index:1; background:#eee; color:#000;}
.w-prd-list-cell .w-prd-price-groups > div{ display:inline; font-size:110%;}
.w-prd-list-cell .w-prd-price-groups .w-prd-price-markit{opacity:0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); text-decoration:line-through;}
.w-prd-list-cell .w-prd-price-groups .product-price-prefix{  font-weight:bold;}
.w-prd-list-cell .w-prd-sum{margin-bottom:0.5em; }
.w-prd-list-cell .w-prd-btns{margin-top:0.5em;}
.w-prd-list-cell .w-prd-btns a{ text-decoration:none;padding:7px 15px; border:1px solid #a1a1a1; display:inline-block; *display:inline; *zoom:1; margin-bottom:0.5em;}
.w-prd-list-with-sidebar{ margin-left:210px;}
.w-breadcrumbs{ margin-bottom:1em;}
.w-prd-list .w-prd-list-title{ font-weight:bold; margin-bottom:0.5em; font-size:130%;}
.w-prd-list1{ margin-left:-0.8%; margin-right:-0.8%;}
.w-prd-list1 .w-prd-list-cell-in{padding:0 4%}
.w-prd-list1 .w-prd-list-cell .w-prd-infobox{ padding:0.7em 0;}
.w-prd-list2 .w-prd-list-cell-in{ overflow:hidden;}
.w-prd-list2 .w-prd-list-cell{ width:100%;}
.w-prd-list2 .w-prd-list-cell .w-prd-imgbox{ width:25%; float:left;}
.w-prd-list2 .w-prd-list-cell .w-prd-infobox{ margin-left:25%;}
.w-prd-list2 .w-prd-list-cell .w-prd-infobox{ padding:0 1em;}

.w-prd-list3{ margin:0 -10px;}
.w-prd-list3 ul,.w-prd-list3 li{ list-style:none; padding:0; margin:0;}
.w-prd-list3 li{position:relative; float:left; margin-bottom:20px; }
.w-prd-list3 li .w-prd-list-cell-in{  margin:0 10px;}
.w-prd-list3 li .w-prd-con{-webkit-perspective:400px;perspective:400px;  position:relative;overflow:hidden;}
.w-prd-list3 .w-prd-infobox{-webkit-transform:rotate3d(1,0,0,90deg);
 transform:rotate3d(1,0,0,90deg);
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
 pointer-events:none; color:#fff; overflow:hidden; }
.w-prd-list3 li .mask{ position:absolute; left:0; right:0; bottom:0; top:0;opacity:0.85; *filter:alpha(opacity=85); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);}
.w-prd-list3 .w-prd-infobox h2{ font-size:115%; margin:0;}
.w-prd-list3 .w-prd-infobox .prd-tb{ position:relative; z-index:10;display: table;height: 100%;width: 100%;}
.w-prd-list3 .w-prd-infobox .prd-td{display: table-cell;vertical-align: middle; height: 100%;width: 100%;}
.w-prd-list3 .w-prd-infobox .prd-txt{padding:15px; }
.w-prd-list3 .w-prd-price-groups{text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;  }
.w-prd-list3 .w-prd-price-groups-hover{ position:absolute; padding:5px; z-index:1; background:#eee; color:#000;}
.w-prd-list3 .w-prd-price-groups > div{ display:inline; font-size:110%;}
.w-prd-list3 .w-prd-price-groups .w-prd-price-markit{opacity:0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); text-decoration:line-through;}
.w-prd-list3 .in-top .w-prd-infobox {
 -webkit-transform-origin:50% 0%;
 transform-origin:50% 0%;
 -webkit-animation:in-topP 300ms ease 0ms 1 forwards;
 animation:in-topP 300ms ease 0ms 1 forwards;
}
.w-prd-list3 .in-right .w-prd-infobox {
 -webkit-transform-origin:100% 0%;
 transform-origin:100% 0%;
 -webkit-animation:in-rightP 300ms ease 0ms 1 forwards;
 animation:in-rightP 300ms ease 0ms 1 forwards;
}
.w-prd-list3 .in-bottom .w-prd-infobox {
 -webkit-transform-origin:50% 100%;
 transform-origin:50% 100%;
 -webkit-animation:in-bottomP 300ms ease 0ms 1 forwards;
 animation:in-bottomP 300ms ease 0ms 1 forwards;
}
.w-prd-list3 .in-left .w-prd-infobox {
 -webkit-transform-origin:0% 0%;
 transform-origin:0% 0%;
 -webkit-animation:in-leftP 300ms ease 0ms 1 forwards;
 animation:in-leftP 300ms ease 0ms 1 forwards;
}
.w-prd-list3 .out-top .w-prd-infobox {
 -webkit-transform-origin:50% 0%;
 transform-origin:50% 0%;
 -webkit-animation:out-topP 300ms ease 0ms 1 forwards;
 animation:out-topP 300ms ease 0ms 1 forwards;
 top:-1px;
}
.w-prd-list3 .out-right .w-prd-infobox {
 -webkit-transform-origin:100% 50%;
 transform-origin:100% 50%;
 -webkit-animation:out-rightP 300ms ease 0ms 1 forwards;
 animation:out-rightP 300ms ease 0ms 1 forwards;
 left:1px;
}
.w-prd-list3 .out-bottom .w-prd-infobox {
 -webkit-transform-origin:50% 100%;
 transform-origin:50% 100%;
 -webkit-animation:out-bottomP 300ms ease 0ms 1 forwards;
 animation:out-bottomP 300ms ease 0ms 1 forwards;
 top:1px;
}
.w-prd-list3 .out-left .w-prd-infobox{
 -webkit-transform-origin:0% 0%;
 transform-origin:0% 0%;
 -webkit-animation:out-leftP 300ms ease 0ms 1 forwards;
 animation:out-leftP 300ms ease 0ms 1 forwards;
 left:-1px;
}
.w-prd-list1 .w-prd-list-cell {
    width: 33.32%;
    *width: 33.31%;
}

.w-prd-list1 .w-prd-list-cell .w-prd-con, .w-product1 .w-prd-list-cell .w-prd-con {
    padding-bottom: 0;
}
.w-prd-list-cell .w-prd-con {
    border: 1px solid #DBDBDB;
    padding: 15px;
}
.w-prd-list .case-controls {
    text-align: center;
    background: #f1f1f1;
    padding: 10px 0;
}
.w-prd-list .case-controls ul, .slideTxtBox .bd li {
    text-align: center;
}
.w-prd-list ul li { 
    display: inline-block;
    width: auto;
    float: none;
    height: auto;
    padding: 1px 5px;  
    position: relative;
    text-align: center;
    overflow: hidden;    
}
.w-prd-list .case-controls ul li a {
    display: inline-block;
    width: auto;
    line-height: 32px;
    height: 32px;
    border-radius: 20px;
    color: #333;
    padding: 5px 30px;
	background: #fff;
    margin-right: 10px;
    position: relative;
}
.case-controls ul li.on a, #tags a:hover, .case-list #category a.active, .case-list #category a:hover {
    background: #6bc30d;
    color: #fff;
}

/*--------------------图片调整 start----------------------*/
.img-count{display:block;}
.img-count,.img-count img{position:relative;}
.aspectRatio{ *width:100%;}
.img-count-in{ position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;*height:100%; }
.w-prd-list .img-count-in{height:100%;}
/*--------------------图片调整 end----------------------*/