.ec-base-product {  }
.ec-base-product .title { margin:0 0 40px; }
.ec-base-product .title h2 { font-weight:normal; font-size:20px; color:#2e2e2e; text-align:center; }
.ec-base-product .title h3 { font-weight:normal; font-size:20px; color:#2e2e2e; text-align:center; }
.ec-base-product img { vertical-align:middle; }
.ec-base-product a[href^='/product/detail.html'] > img { border:1px solid #ececec; }

.ec-base-product .prdList { width:100%; min-width:756px; margin:0 0 0; font-size:0; line-height:0; }
.ec-base-product .prdList > li { position:relative; display:inline-block; color:#757575; vertical-align:top; }

.ec-base-product .prdList .chk { position:absolute; top:-10px; left:0; right:0; display:block; margin:0 0 10px; }
.ec-base-product .prdList .thumbnail { position:relative; margin:10px 7px 0 7px; text-align:left;}
.ec-base-product .prdList .thumbnail .prdImg { position:relative; border:1px solid #eee; }
.ec-base-product .prdList .thumbnail a img { max-width:100%; box-sizing:border-box; }
.ec-base-product .prdList .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; }
.ec-base-product .prdList .thumbnail .icon { vertical-align:middle; }
.ec-base-product .prdList .thumbnail .icon:after { content:""; display:block; clear:both; }
.ec-base-product .prdList .thumbnail .promotion { margin:0 0 5px; text-align:left; border-bottom:1px solid #e8e8e8; }
.ec-base-product .prdList .thumbnail .promotion img { margin:5px 4px 5px 0; }

.ec-base-product .prdList .thumbnail .likeButton { position:absolute; visibility: hidden; left:-5px; top:5px; z-index:9; opacity: 0; transition: all 0.3s ease;}
.ec-base-product .prdList .thumbnail .likeButton button { padding:3px 5px 5px 5px !important; background:#fff !important; color:#999; font-size:10px; font-weight:bold; vertical-align:middle; border: 1px solid #bbb; border-top-right-radius:8px; border-bottom-right-radius:8px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); }
.ec-base-product .prdList .thumbnail .likeButton button img { margin:0 2px 0 0; vertical-align:middle; }
.ec-base-product .prdList .thumbnail .likeButton button strong {height:16px; vertical-align:middle; }
.ec-base-product .prdList .thumbnail .likeButton.selected button { color:#ff6666; }
.ec-base-product .prdList .thumbnail .likeButton button:after { content:""; position: absolute; top:-5px; left: 0; z-index: 997; width:0px; height:0px; border-bottom:5px solid #333; border-left:5px solid transparent; transition: all 0.3s ease;}

.ec-base-product .prdList .thumbnail .prdImg .wish { position:absolute; visibility: hidden; right:0px; bottom:5px; z-index:1; cursor:pointer; opacity: 0; transition: all 0.3s ease;}
.ec-base-product .prdList .thumbnail .prdImg .button { position:absolute; visibility: hidden; left:0; bottom:5px; z-index:2; opacity: 0; transition: all 0.3s ease;}
.ec-base-product .prdList .thumbnail .prdImg .button img { text-align:center; cursor:pointer; }
.ec-base-product .prdList .thumbnail .prdImg .button .option a { display:block; margin:10px 0 auto; border:1px solid #fff; background:rgba(255,255,255,.7); border-radius:3px; padding:2px 0 2px 0;}
.ec-base-product .prdList .thumbnail .prdImg .button .basket_icon img { display:block; margin:10px 0 auto; border:1px solid #fff; background:rgba(255,255,255,.7); border-radius:3px; padding:2px 0 2px 0; }
.ec-base-product .prdList .thumbnail .prdImg .button .zoom_icon img { display:block; margin:10px 0 auto; border:1px solid #fff; background:rgba(255,255,255,.7); border-radius:3px; padding:2px 0 2px 0; }

.ec-base-product .prdList .thumbnail .prdImg .option a img:hover { transform:scale(1.0) !important; -webkit-transform:scale(1.0) !important; -moz-transform:scale(1.0) !important; transition:all .8s !important;}

.ec-base-product .prdList .thumbnail:hover .likeButton { visibility: visible; opacity: 1; top:10px; }
.ec-base-product .prdList .thumbnail:hover .tri { visibility: visible; opacity: 1; top:5px; }
.ec-base-product .prdList .thumbnail:hover .prdImg .wish {  visibility: visible; opacity: 1; right:5px; bottom:5px; }
.ec-base-product .prdList .thumbnail:hover .prdImg .button { visibility: visible; opacity: 1; left:5px; bottom:5px; }


.ec-base-product .prdList .description { margin:0 auto; margin:0 7px; font-size:12px; line-height:24px; }
.ec-base-product .prdList .description .name { display:block; text-align:left; font-weight:normal; }
.ec-base-product .prdList .description .name a { color:#2e2e2e; }
.ec-base-product .prdList .description .mileage { display:block; }
.ec-base-product .prdList .description span.grid { display:block; }

/* grid */
.ec-base-product ul.grid2 > li { width:50%; }
.ec-base-product ul.grid3 > li { width:33.33%; }
.ec-base-product ul.grid4 > li { width:25%; }
.ec-base-product ul.grid5 > li { width:20%; }
.ec-base-product ul.grid3 > li .color { max-width:230px; }
.ec-base-product ul.grid4 > li .color { max-width:190px; }
.ec-base-product ul.grid5 > li .color { max-width:130px; }

/* right display */
.ec-base-product ul.grid2 li:after { content:""; display:block; clear:both; }
.ec-base-product ul.grid2 li .thumbnail { float:left; width:220px; text-align:left; margin:0; }
.ec-base-product ul.grid2 li .description { float:left; width:247px; padding:0 20px; }
.ec-base-product ul.grid2 li .description .chk { position:static; text-align:left; }

/* module="product_ListItem" */
.ec-base-product .spec { margin-bottom:20px; }
.ec-base-product .spec li { text-align:left; }
.ec-base-product .spec li .title { display:none; font-weight:normal; vertical-align:top; }
.ec-base-product .spec li .title span { vertical-align:top; }
.ec-base-product .spec li { vertical-align:top; }
.ec-base-product .spec li .color { overflow:hidden; display:inline-block; padding-top:10px;}
.ec-base-product .spec li .chips { float:left; width:10px; height:10px; border-radius:100%; margin:0 2px; border:1px solid rgba(0, 0, 0, .2);; font-size:0; line-height:0; }

.ec-base-product .discountPeriod { display:block; z-index:10; position:relative; width:100%; vertical-align:middle; height:40px;}
.ec-base-product .discountPeriod img { display:none; }
.ec-base-product .layerDiscountPeriod { display:block; overflow:hidden; position:absolute; left:0; top:3px; width:100%; height:35px; border:1px solid #ddd; background:#fff;}
.ec-base-product .layerDiscountPeriod strong.title { display:none; font-weight:bold; color:#2e2e2e; }
.ec-base-product .layerDiscountPeriod .content { display:block; overflow:hidden; height:35px; }
.ec-base-product .layerDiscountPeriod .content p { margin:5px 0 0; font-size:0; line-height:54px; color:#555; text-align:center; width:100%; }
.ec-base-product .layerDiscountPeriod .content strong { font-size:12px; color:#e7305b; line-height:24px; }
.ec-base-product .layerDiscountPeriod .content p:last-child { display:none; }


.ec-base-product .prdList .shippingFee { position:relative; display:inline-block; }
.ec-base-product .prdList .shippingFee .button { display:inline-block; float:none; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip { z-index:11; display:block; margin:0 0 0 -170px; width:360px; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th { width:40px; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th,
.ec-base-product .prdList .shippingFee .ec-base-tooltip table td { padding:7px 10px 8px 10px; }

.ec-base-product .btnTooltip { position:relative; display:inline-block; }
.differentialShipping { display:none; overflow:hidden; position:absolute; left:50%; top:17px; z-index:100; width:350px; margin:0 0 0 -176px; }
.differentialShipping h3.title { margin:0; height:35px; padding:0 35px 0 19px; border:0; color:#fff; font-size:14px; line-height:35px; background:#495164; }
.differentialShipping .content { padding:12px 18px 14px 18px; border:1px solid #757575; border-top:0; text-align:center; background:#fff; }
.differentialShipping .close { position:absolute; right:14px; top:12px; }
.differentialShipping .close img { cursor:pointer; }
.differentialShipping .content ul { color:#757575; line-height:25px; }
.differentialShipping .content li { overflow:hidden; }
.differentialShipping .content li strong { float:left; font-weight:normal; }
.differentialShipping .content li span { float:right; color:#2e2e2e; }
.differentialShipping .content .info { margin:7px 0 0; padding:7px 0 0; border-top:1px dotted #b0b1b3; color:#80aeef; text-align:right; }

/* Thumbnail icon position */
.ec-product-bgLT { background-position:left top; }
.ec-product-bgLC { background-position:left center; }
.ec-product-bgLB { background-position:left bottom; }
.ec-product-bgRT { background-position:right top; }
.ec-product-bgRC { background-position:right center; }
.ec-product-bgRB { background-position:right bottom; }
.ec-product-bgCT { background-position:center top; }
.ec-product-bgCC { background-position:center center; }
.ec-product-bgCB { background-position:center bottom; }