.pic-mode-box {
 margin-bottom:20px;
 background-color:#fff;
}
.pic-mode-box li {
 position:relative;
 float:left;
 padding:5px 4px;
 width:200px;
 border:1px solid #fff;
 overflow:hidden;
 margin-bottom:20px;
}
.pic-mode-box .function a {
 margin-right:18px;
}
.pic-mode-box .rank-row {
 width:209px;
}
.pic-mode-box .nth-child-3n .rank-row {
 width:208px;
}
.pic-mode-box .icon {
 left:20px;
 top:20px;
}
.pic-mode-box a:hover {
 background-color:#e6e6e6;
 z-index:2;
 -wekbit-box-shadow:0 0 2px 2px #f8f8f8;
 -moz-box-shadow:0 0 2px 2px #f8f8f8;
 box-shadow:0 0 2px 2px #f8f8f8;
}
.pic-mode-box .pic {
 display:block;
 padding-bottom:7px;
 text-align:center;
 height:165px;
}
.pic-mode-box .pic img {
 vertical-align:middle;
}
.pic-mode-box h4 {
 height:18px;
 padding:0 5px 0 10px;
 font:14px/20px arial;
 overflow:hidden;
 word-break:break-all;
 word-wrap:break-word;
 font-weight:bold;
}
.pic-mode-box h4 a {
 color:#666;
}
.pic-mode-box h4 span {
 color:#f33;
}
.pic-mode-box h4 a:hover,.pic-mode-box h4 a:hover span {
 color:#c00;
}
.pic-mode-box .price-row {
 padding:0 5px 0 10px;
 margin:10px 0 0;
 height:22px;
 font:12px/22px arial;
 color:#999;
 overflow:hidden;
 zoom:1;
}
.pic-mode-box .price-tip {
 float:left;
 overflow:hidden;
}
.pic-mode-box .price {
 float:left;
 overflow:hidden;
 font-family:verdana;
 font-size:14px;
 font-weight:bold;
 color:#ff0000;
}

.goods-promotion {
 float:left;
 padding-left:8px;
}
.goods-promotion span {
 float:left;
 padding:0 2px;
 margin:3px 5px 0 0;
 height:16px;
 overflow:hidden;
 font:12px/16px arial;
 white-space:nowrap;
 background:#f60;
 color:#fff;
}
.pic-mode-box .comment-row {
 padding:0 5px 0 10px;
 margin-top:6px;
 height:24px;
 line-height:24px;
 overflow:hidden;
}
.pic-mode-box .star {
 float:left;
 margin:5px 5px 0 0;
}
.pic-mode-box .score {
 float:left;
 margin-right:5px;
 color:#f33;
}
.pic-mode-box em {
 float:left;
 color:#ff0000;
 padding:0 5px 0 0;
 font-size:14px;
 font-family:simsun;
}
.pic-mode-box .comment-num {
 float:left;
 height:20px;
 overflow:hidden;
 white-space:nowrap;
}
.pic-mode-box .function {
 height:24px;
 padding:0 5px 0 10px;
 margin:9px 0 0;
 overflow:hidden;
}
.pic-mode-box .buy-link {
 float:left;
 width:70px;
 height:24px;
 font:12px/2 'simsun','\u5B8B\u4F53';
 background:#4595e6;
 color:#fff;
 text-align:center;
}
.pic-mode-box .buy-link:hover {
 color:#fff;
 text-decoration:none;
 background:#297acc;
}
.pic-mode-box .function-v3 {
 position:absolute;
 top:5px;
 right:5px;
 width:60px;
}
.pic-mode-box .hover .function-v3 {
 top:5px;
 right:5px;
}
.function-v3 .compare-btn,.function-v3 .cansel-btn {
 padding:0 0 0 25px;
 width:33px;
 height:26px;
 line-height:26px;
 border:1px solid #7f7f7f;
 background:#7f7f7f;
 overflow:hidden;
 cursor:pointer;
 color:#fff;
}
.function-v3 .compare-btn {
 display:none;
}
.pic-mode-box .hover .function-v3 .compare-btn {
 display:block;
}
.function-v3 .compare-btn:hover,.function-v3 .compare-btn-hov {
 background:#333;
 border-color:#333;
}
.function-v3 .cansel-btn:hover,.function-v3 .cansel-btn-hov {
 background:#333;
 border-color:#333;
 color:#fff;
}
.function-v3 .compare-btn i,.function-v3 .cansel-btn i {
 top:7px;
 width:12px;
 height:12px;
 border:0 none;
}
.pic-mode-box .function-v3 .cansel-btn {
 display:block;
}
.pic-mode-box .merchant-row {
 display:none;
 height:20px;
 line-height:20px;
 padding:0 0 0 10px;
 overflow:hidden;
}
.pic-mode-box .merchant-row a {
 float:left;
 color:#999;
 margin-right:8px;
 text-decoration:underline;
}
.pic-mode-box .merchant-row .merchant-row-name {
 max-width:136px;
 overflow:hidden;
 _width:136px;
}
.pic-mode-box .merchant-row .merchant-row-more {
 margin-right:0;
}
.pic-mode-box .merchant-row a:hover {
 color:#c00;
}

.list-for-mobile-phone .pic-mode-box .price-row {
 margin-top:9px;
}
.list-for-mobile-phone .pic-mode-box .comment-row {
 margin-top:4px;
}
.list-for-mobile-phone .pic-mode-box li {
 padding-bottom:33px;
}
.pic-mode-box .rank-row {
 display:none;
 position:absolute;
 z-index:2;
 bottom:0;
 left:0;
 padding:0 15px;
 width:208px;
 height:24px;
 line-height:24px;
 background-color:#f5f5f5;
 border-top:0 none;
 text-align:center;
}
.pic-mode-box .rank-row a {
 color:#666;
}
.pic-mode-box .rank-row a span {
 color:#f60;
 font-weight:bold;
}
.pic-mode-box .rank-row a:hover,.pic-mode-box .rank-row a:hover span {
 color:#c00;
}
.pic-mode-box .hover .rank-row {
 display:block;
}


.clearfix:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
 font-size:0;
}
.clearfix {
 *zoom:1;
}