/* BASIC css start */
.cateTitle { margin:40px 0 0; }
.cateTitle img { width:100%; }

.item-wrap.bestPrdSlide { max-width:1500px; border-top:2px solid #171717; padding-top:40px; }
.item-wrap.bestPrdSlide .item-cont .item-list { margin:0; padding:10px 0 0; width:33.3333%; }
.item-wrap.bestPrdSlide .item-cont .item-list .bestNum { font-size:30px; font-style: italic; background:#171717; width:40px; height:40px; line-height:40px; text-align:center; position:absolute; top:0px; left:10px; color:#fff; box-sizing:border-box; padding-right:3px; z-index:1;  }
.item-wrap.bestPrdSlide .item-cont .item-list dt { margin:0; overflow:hidden; }
.item-wrap.bestPrdSlide .item-cont .item-list dt img { min-width:490px; transition:0.7s; }
.item-wrap.bestPrdSlide .item-cont .item-list a:hover dt img { transform:scale(1.07); }
.item-wrap.bestPrdSlide .item-cont .item-list dd { position:absolute; left:25px; bottom:30px; width:calc(100% - 50px); }
.item-wrap.bestPrdSlide .item-cont .item-list dd .prd-name  { color:#fff; font-weight:bold; font-size:20px; text-shadow:rgba(0,0,0,0.2) 0 0 3px;  }
.item-wrap.bestPrdSlide .item-cont .item-list dd .prd-name font { color:#fff !important; }
.item-wrap.bestPrdSlide .item-cont .item-list .prd-price,
.item-wrap.bestPrdSlide .item-cont .item-list .prd-discount { color:#171717; font-size:20px; }
.item-wrap.bestPrdSlide .item-cont .item-list .prd-discount del { color:#fff; font-size:17px; }
.item-wrap.bestPrdSlide .swiper-button-next,
.item-wrap.bestPrdSlide .swiper-button-prev { width:66px; height:66px; margin-top:-33px; background-size:100% 100%; top:48%;  }
.item-wrap.bestPrdSlide .swiper-button-next { background-image:url(/design/monobarbie/PL/img/20_main_slide_next.png); right:0; }
.item-wrap.bestPrdSlide .swiper-button-prev { background-image:url(/design/monobarbie/PL/img/20_main_slide_prev.png); left:0; }
.item-wrap.bestPrdSlide.swiper-container-horizontal>.swiper-pagination-bullets { position:relative; bottom:0; padding:20px 0 30px;  }
.item-wrap.bestPrdSlide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 2px; background:#E3E3E3; width:47px; height:3px; opacity:1; border-radius:0; transition:0.3s;}
.item-wrap.bestPrdSlide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#171717; }

.sortArea { width:100%; max-width:1500px; padding:16px 0; margin:0 auto 60px; border-bottom:1px solid #BEBEBE; }
.sortArea:after { content:''; clear:both; display:table; }
.sortArea .list_group { float:left; font-size:0; }
.sortArea .list_group ul li { display:inline-block; vertical-align:middle; line-height:40px; margin:0 30px 0 0; }
.sortArea .list_group ul li a { color:#969696; font-size:15px; transition:0.3s; }
.sortArea .list_group ul li a:hover { color:#E59DA0; }
.sortArea .list_group ul li.sel a { color:#171717; position:relative; }
.sortArea .list_group ul li.sel a:after { content:''; position:absolute; bottom:-3px; left:-2px; width:calc(100% + 4px); height:3px; background:#171717; } 
.sortArea .sortBox { float:right; width:195px; } 
.sortBox .selectBox { width:100%; position:relative; }
.sortBox .selectBox .selectTit { position:relative; height:40px; line-height:40px; box-sizing:border-box; border:1px solid #D9D9D9; color:#969696; font-size:13px; padding:0 15px;  cursor:pointer; transition:0.3s;  }
.sortBox .selectBox .selectTit:hover { border-color:#171717; color:#171717; }
.sortBox .selectBox .selectTit.open { border-color:#171717; color:#171717; }
.sortBox .selectBox .selectTit .arrow { position:absolute; right:10px; top:50%; transform:translate(0,-50%); width:16px; height:16px; background:url(/design/monobarbie/PL/img/m_select_arrow.png) no-repeat 95% 50%; background-size:16px auto; transition:0.3s; }
.sortBox .selectBox .selectTit.open .arrow { transform:translate(0,-50%) rotate(180deg); }
.sortBox .selectBox .selectList { line-height:40px; box-sizing:border-box; border:1px solid #d9d9d9; border-top:0; color:#969696; font-size:13px; padding:0 15px; position:absolute; left:0; top:40px; width:100%; background:#fff;  display:none;  }
.sortBox .selectBox .selectList a { color:#969696; display:block; transition:0.3s; }
.sortBox .selectBox .selectList a:hover { color:#171717; }
.sortBox .selectBox .selectList a.on { color:#171717; font-weight:bold; }

.instaList .item-wrap .item-cont .item-list { width:calc(33.3333% - 30px); margin:0 15px 30px; position:relative; }
.instaList .item-wrap .item-cont .item-list dt { margin:0; }
.instaList .item-wrap .item-cont .item-list dd { position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.3); text-align:center; cursor:pointer; visibility:hidden; opacity:0; transition:0.3s;  }
.instaList .item-wrap .item-cont .item-list dd ul { position:relative; top:50%; transform:translate(0,-50%); }
.instaList .item-wrap .item-cont .item-list dd ul .prd-name { color:#fff; font-weight:bold;  }
.instaList .item-wrap .item-cont .item-list dd ul .listPrice { color:#fff; }
.instaList .item-wrap .item-cont .item-list dd ul .prd-discount del { color:#fff; }
.instaList .item-wrap .item-cont .item-list:hover dd { visibility:visible; opacity:1; }
/* BASIC css end */