﻿.filter{border-top:#ce0000 2px solid; margin-bottom:20px; margin-left:8px; padding:0px 5px 0px 5px;}
.listNavBox{width:100%;margin: 0px auto; }
.listNavBox li{width: 180px;border:1px solid #ffffff; padding:5px 5px; margin:0px 0px 10px 8px; display:inline;float: left;overflow: hidden; }
.listNavBox li.cur {background: #f4f4f4;}
.listNavBox li .item-img {position: relative; width: 180px; margin-bottom: 10px; float: left; height: 180px}
.listNavBox li .item-img .icon-empty{position:absolute;top:10px; right:10px;}
.listNavBox li .item-img .icon-special{position:absolute;top:10px; right:10px; z-index:10; background: url(../../../images/icon.png) no-repeat -15px -125px; width:56px; height:50px; color:#fff;}
.listNavBox li .item-img .icon-new{position:absolute;top:10px; right:10px; z-index:10; background: url(../../../images/icon.png) no-repeat -20px -10px; width:48px; height:50px; color:#fff;}
.listNavBox li .item-img .icon-hot{position:absolute;top:10px; right:10px; z-index:10; background: url(../../../images/icon.png) no-repeat -10px -62px;  width:68px; height:56px; color:#fff;}
.listNavBox li .item-img .icon-fine{position:absolute;top:10px; right:10px; z-index:10; background: url(../../../images/icon.png) no-repeat -10px -182px;  width:65px; height:50px; color:#fff;}
.listNavBox li .item-name {line-height:18px; width: 160px; margin-bottom: 8px; float: left; height: 36px; overflow: hidden}
.listNavBox li .item-name a:hover{color:#E4393C;}
.listNavBox li .item-name-hover a{color:#E4393C;}
.listNavBox li .itme-price {width:180px; margin-bottom:10px; float:left;color:#e4393c; font-size:14px; overflow: hidden; font-weight:bold;}
.listNavBox li .itme-price .sales{ font-size:16px;}
.listNavBox li .itme-price .through{ float:right;font-size:16px; color:#777777; text-decoration:line-through; font-weight:normal;}
.listNavBox li .itme-button{width: 180px; float: left; height: 24px; overflow: hidden;}
.listNavBox li .itme-button-buy{text-align:center; line-height:22px; width:60px; height:22px; margin-right:5px; padding:0px 0px 0px 5px; float:left; border:1px solid #DDD; border-radius:2px;  background:-moz-linear-gradient(center top , #F7F7F7, #F2F2F2) repeat scroll 0% 0% transparent;}
.listNavBox li .itme-button-buy a {height: 24px; margin-right:5px;}
.listNavBox li .itme-button-follow{text-align:center; line-height:22px; width:40px; height:22px; margin-right:5px; padding:0px 0px 0px 5px; float:left; border:1px solid #DDD; border-radius:2px;  background:-moz-linear-gradient(center top , #F7F7F7, #F2F2F2) repeat scroll 0% 0% transparent;}
.listNavBox li .itme-button-follow a {height: 24px; margin-right:5px;}
.listNavBox li .itme-button-compare{text-align:center; line-height:22px; width:52px; height:22px; padding:0px 0px 0px 2px; float:left; border:1px solid #DDD; border-radius:2px;  background:-moz-linear-gradient(center top , #F7F7F7, #F2F2F2) repeat scroll 0% 0% transparent;}
.listNavBox li .itme-button-compare a {height: 24px; margin-right:2px;position:relative; padding:0px 0px 0px 18px;}
.listNavBox li .itme-button-compare a span{position:absolute;left:3px;top:2px;width:11px;height:11px;margin-right:0px;background:url('../../../images/20130603A.png') no-repeat scroll -68px -50px transparent}





