/* BASIC css start */
#mainbanner .swiper-container {width:100%;}
#mainbanner {position:relative;}
#mainbanner .swiper-button-prev {left:10% !important;}
#mainbanner .swiper-button-prev i {background:url(/design/crimmdm/images/main/btn_pre.png) no-repeat left top; width:52px; height:52px; text-indent:-999999px;}
#mainbanner .swiper-button-next {right:10% !important;}
#mainbanner .swiper-button-next i {background:url(/design/crimmdm/images/main/btn_next.png) no-repeat right top; width:52px; height:52px; text-indent:-999999px;}

#main .title {text-align:center; padding:0 0 30px; position:relative;}
#main .title h1 {font-size:25px; color:#000; font-weight:bold;}
#main .title h1 span {color:#e72b32;}
#main .title h2 {font-size:13px; color:#777777; text-indent:-22px;}
#main .title a.more {display:inline-block; position:absolute; top:0; right:0; background:#b72025; color:#fff; text-align:center; width:100px; line-height:36px; font-size:16px;}
#main .list-prod-img {padding:50px 0;}
#main .list-prod-img li {float:left; width:232px; text-align:center; border:1px solid #dddddd; padding:20px 0 30px; margin:0 7px 0 0;}
#main .list-prod-img li:last-child {margin:0;}
#main .list-prod-img li:hover {border:1px solid #e72b32;}
#main .list-prod-img li:hover strong {color:#e72b32;}
#main .list-prod-img li a {display:block;}
#main .list-prod-img li strong {display:block; line-height:50px; font-size:18px; color:#000;}
#main .list-prod-img li p {font-size:13px; line-height:19px; color:#444444;}
#main .list-prod-review {background:url("/design/crimmdm/images/main/review_bg.jpg") no-repeat center top #f5f5f5; padding:50px 0 90px; max-height:400px;}
#main .list-prod-review .list {background:#fff; border:1px solid #e0e0e0; padding:10px 20px 30px;}
#main .list-prod-review table th {color:#000; font-size:14px; padding:10px 0;}
#main .list-prod-review table td {border-top:1px solid #e0e0e0; padding:10px 0;}
#main .list-prod-review table td a {font-size:13px;}
#main .list-prod-review table td a br {display:none;}
#main .list-prod-review table td.name a {color:#b72025;}
#main .list-prod-review table td.subject a {color:#000;}
#main .list-prod-review table td.write,
#main .list-prod-review table td.date {text-align:center;}
#main .new-prd-list {padding:80px 0;}
#main .recmd-prd-list {padding:80px 0; background:#f5f5f5;}
#main .hot-prd-list {padding:80px 0;}
#main .btn_more {text-align:center; margin:50px 0 0;}
#main .btn_more a {display:inline-block; width:200px; line-height:46px; font-size:17px; color:#000; border:1px solid #000;}
#main .insta {padding:100px 0; background:#f5f5f5;}
#main .insta a.more {right:5px;}
#main #prod_lnb {margin:50px auto;}
#instafeed .l-y {width:1210px;}
#instafeed a {display:inline-block; float:left; vertical-align:top; width:190px; height:190px; margin:0 5px 10px; position:relative;overflow:hidden;}
#instafeed a img {vertical-align:top; width:100%; height:auto;transition:all 0.5s;}
#instafeed a:hover::after {display:none; content:""; position:absolute; top:0; left:0; background:url("/design/crimmdm/images/main/icon_plus.png") no-repeat center rgba(0,0,0,0.4); width:100%; height:100%;}
#instafeed a:hover img{transform:scale(1.1, 1.1)}

.mainBannerArea{}
.mainBannerArea .swiper-slide{}
.mainBannerArea .swiper-slide a{position:relative;height:100%;background-color:#000;display:block;}
.mainBannerArea .swiper-slide a img{position:absolute;top:0;left:50%;transform:translate(-50%, 0);display:block;}

/* BASIC css end */