@charset "utf-8";

/*

.mainSlider{position:relative; width:100%; padding-bottom:46px;}
.mainSlider .slides{position:relative; width:100%; height:282px; overflow:hidden;}
.mainSlider .slide{display:none; background:#41434E;}
.mainSlider .slide .recmSlide{}
.mainSlider .slide .recmSlide .recmBanner{position:relative; width:100%;}
.mainSlider .slide .recmSlide .recmBanner .bannerBox{position:relative; display:none; height:282px;}
.mainSlider .slide .recmSlide .recmBanner .bannerBox .bnlink{position:relative; z-index:1; display:block; width:100%; height:100%;}
.mainSlider .slide .recmSlide .recmBanner .bannerBox .imgContainer{position:absolute; left:0px; top:0px; z-index:0; width:100%; overflow: hidden;}
.mainSlider .slide .recmSlide .recmBanner .bannerBox .imgContainer .pcweb{display:block;}
.mainSlider .slide .recmSlide .recmBanner .bannerBox .imgContainer .mobileweb{display:none; width:768px;}
.mainSlider .slide .recmSlide .recmBanner .bannerBox .bplist{position:absolute; right:20px; bottom:20px; z-index:2;}
.mainSlider .slide .recmSlide .recmBanner .bannerBox .bplist ul{}
.mainSlider .slide .recmSlide .recmBanner .bannerBox .bplist li{float:left; margin:0px 5px;}
.mainSlider .slide .recmSlide .recmBanner .bannerBox .bplist li a{position:relative; display:block; width:110px;}
.mainSlider .slide .recmSlide .recmBanner .bannerBox .bplist li a img{max-width:100%;}
.mainSlider .slide .recmSlide .recmBanner .bannerBox .bplist li a .prodName{position:absolute; bottom:0px; left:0px; width:100%;  padding:5px 0px; text-align:right; font-size:13px; color:#fff; background:#000; }
.mainSlider .slide .recmSlide .recmBanner .bannerBox .bplist li a .prodName .txt{display:block; padding:0px 5px; font-size:13px; color:#fff; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.mainSlider .slide .recmSlide .recmBanner .bannerBox .bplist .btntxt{position:absolute; top:-40px; left:130px;}
.mainSlider .slide .recmSlide .recmBanner .flex-control-nav{position:absolute; right:20px; top:20px; bottom:auto; z-index:3; width:auto;}
.mainSlider .slide .recmSlide .recmBanner .flex-control-nav li {margin: 0 0 0 5px; float:left;}
.mainSlider .slide .recmSlide .recmBanner .flex-control-nav li:first-child {margin: 0;}
.mainSlider .slide .recmSlide .recmBanner .flex-control-nav li a {width: 13px; height: 13px; display: block; background:#fff; border:1px solid #dfdfdf; cursor: pointer; text-indent: -999em;}
.mainSlider .slide .recmSlide .recmBanner .flex-control-nav li a:hover {background-color:#A34545; border:1px solid #A34545;}
.mainSlider .slide .recmSlide .recmBanner .flex-control-nav li a.active {background-color:#A34545; border:1px solid #A34545; cursor: default;}
.mainSlider .slide .recmSlide .recmBanner .banner1{display:block; background:url("/resources/images/page/main/main_bn_pc_3.jpg") 0 0 no-repeat;}
.mainSlider .slide .recmSlide .recmBanner .banner2{background:url("/resources/images/page/main/main_bn_pc_5.jpg") 0 0 no-repeat;}
.mainSlider .slide .recmSlide .recmBanner .banner3{background:url("/resources/images/page/main/main_bn_pc_6.jpg") 0 0 no-repeat;}
.mainSlider .slide .recmSlide .recmBanner .banner7{background:url("/resources/images/page/main/main_bn_pc_7.jpg") 0 0 no-repeat;}
.mainSlider .slide .prodSlide{overflow:hidden; height:282px;}
.mainSlider .slide .prodSlide .prodleft{float:left; width:65%; background:url("/resources/images/slider/bar_slide.png") right 50% no-repeat;}
.mainSlider .slide .prodSlide .prodleft .boxwrap{width:662px; margin:15px auto; overflow:hidden;}
.mainSlider .slide .prodSlide .prodleft .box{float:left; margin:6px 10px; width:114px; height:114px;}
.mainSlider .slide .prodSlide .prodleft .box a{position:relative; display:block; width:100%; height: 100%;}
.mainSlider .slide .prodSlide .prodleft .box a img{max-width: 100%;}
.mainSlider .slide .prodSlide .prodleft .box a .txtblock{position:absolute; left:0px; bottom:0px; display:block; width:100%; padding:3px 0px; text-align:right; background:#111;}
.mainSlider .slide .prodSlide .prodleft .box a .txtblock .txt{display:block; padding:0px 5px; font-size:13px; color:#fff; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.mainSlider .slide .prodSlide .prodleft .box.first{width:240px; height:240px;}
.mainSlider .slide .prodSlide .prodright{float:right; width:35%;}
.mainSlider .slide .prodSlide .prodright .boxlist{position:relative; margin:15px auto; width:100%;}
.mainSlider .slide .prodSlide .prodright .boxlist .more{position:absolute; right:20px; bottom:0px; color:#fff;}
.mainSlider .slide .prodSlide .prodright .boxlist ul{width:290px; margin:0px auto;}
.mainSlider .slide .prodSlide .prodright .boxlist ul li{padding:6px 0px; font-size:0;}
.mainSlider .slide .prodSlide .prodright .boxlist ul li a{display:block; color:#fff; overflow:hidden;}
.mainSlider .slide .prodSlide .prodright .boxlist .thumb{display:block; float:left; width:114px; height:114px;  line-height:0; font-size:0;}
.mainSlider .slide .prodSlide .prodright .boxlist .thumb img{width:100%; height:100%;}
.mainSlider .slide .prodSlide .prodright .boxlist .info{display:block; margin-left:130px;}
.mainSlider .slide .prodSlide .prodright .boxlist .info .prodName{display:block; margin-bottom:5px; font-size:14px;}
.mainSlider .slide .prodSlide .prodright .boxlist .info .prodHeadCpy{display:block; font-size:13px;}
.mainSlider .sliderMenu{position:absolute; left:0px; bottom:0px; z-index:10; width:100%; height:46px; background:#303030;}
.mainSlider .sliderMenu ul{position:absolute; left:0px; bottom:0px; height:46px;}
.mainSlider .sliderMenu li{float:left; margin-top:-8px; padding-top:8px;}
.mainSlider .sliderMenu li a{display:block; min-width:110px; text-align:center; line-height:46px; font-size:13px; color:#ccc; background-color:#303030;}
.mainSlider .sliderMenu li.active{background:url("../images/slider/icon_menu_active.png") 50% top no-repeat;}
.mainSlider .sliderMenu li.active a{color:#FCEE21; font-weight:600; background:#000000;}
.mainSlider .sliderMenu.open{overflow:visible;}
.mainSlider .sliderMenu.open ul{overflow: visible}
.mainSlider .sliderMenu.open li{display:list-item;}
*/
.mainContent{width:1200px; margin:0px auto; padding:15px 0px;}
.mainContent .mainslider{width:100%;}
.mainContent .mainslider img{max-width:100%;}
.mainContent .mainblock{margin:15px 0px; padding:15px; overflow:hidden; border:1px solid #ddd; background:#f0f0f0;}
.mainContent .mainblock .mbcont{float:left; width:965px;}
.mainContent .mainblock .mbcont .btnGroup{padding:15px 0px;}
.mainContent .mainblock .mbside{float:right; width:180px; padding-right:5px;}
.mainContent .mainblock .mbside .sidebox{margin-bottom:30px;}
.mainContent .mainblock .mbside .sidebox h2{margin-bottom:10px; padding:0px 0px 10px 10px; font-size:15px; border-bottom:1px solid #ddd;}
.mainContent .mainblock .mbside .boxBestProd{}
.mainContent .mainblock .mbside .boxIssue{position:relative;}
.mainContent .mainblock .mbside .boxIssue .boxIssueNav{position:absolute; top:5px; right:5px;}
.mainContent .mainblock .mbside .boxIssue .boxIssueNav a{display:block; float:left; width:12px; height:12px; margin-left:5px; text-indent: -9999px; overflow:hidden; background:#ccc;}
.mainContent .mainblock .mbside .boxIssue .boxIssueNav a.on{background:#BF685C;}
.mainContent .mainblock .mbside .boxIssue .boxIssueCont{}
.mainContent .mainblock .mbside .boxIssue .boxIssueCont .thumb{margin-bottom:10px; text-align:center;}
.mainContent .mainblock .mbside .boxIssue .boxIssueCont .thumb img{width:90px;}
.mainContent .mainblock .mbside .boxIssue .boxIssueCont .thumb span{display:block; padding-top:5px; text-align: center; font-size:14px; font-weight:600; color:#A34545;}
.mainContent .mainblock .mbside .boxEasyLogin{}
.mainContent .mainblock .mbside .boxEasyLogin .boxCont{margin-bottom:10px; padding:0px 10px;}
.mainContent .mainblock .mbside .boxEasyLogin .btntxt{width:100%; padding:0px; margin:0px;}

.mainProdList{position:relative; width:100%;}
.mainProdList .box{float:left; width:25%; margin-bottom:15px;}
.mainProdList .box1{margin:0px 8px; border:1px solid #ddd; background:#fff;}
.mainProdList .box1 .thumb{display: block; /*padding:15px 15px 0px 15px;*/ /* width:100%;*/}
.mainProdList .box1 .thumb img{max-width:100%;}
.mainProdList .box1 .info{position:relative; display:block; width:100%; }
.mainProdList .box1 .info .prodSubject{display:block; padding:15px 65px 15px 15px; font-size:13px;}
/*.mainProdList .box1 .info .prodSubject a{color:#808080;}*/
.mainProdList .box1 .info .prodName{display:block; padding:15px 15px; font-weight:600; font-size:15px;}
.mainProdList .box1 .btnbox{display:none; position:absolute; top:16px; right:11px;}
.mainProdList .box1 .btnbox li{float:left; margin-left:5px;}
.mainProdList .box1 .btnbox li:first-child{margin-left:0px;}
.mainProdList .box1 .btnbox li .btnSns{display:block; font-size:0px;}
.mainProdList .box2{margin:0px 8px; padding:15px; border:2px solid #ddd; background:#fff;}
.mainProdList .box2 .prodName{display:block; margin-bottom:15px; font-size:16px; color:#4D4D4D; font-weight: 600;}
.mainProdList .box2.co1{border:2px solid #45B6F4;}
.mainProdList .box2.co2{border:2px solid #FBB03B;}
.mainProdList .box2.co3{border:2px solid #EF73AE;}
.mainProdList .box2.co4{border:2px solid #22B573;}
.mainProdList .box2.co5 {border:2px solid #FBB03B;}
.mainProdList .box3{margin:0px 8px; padding:15px; text-align:center; border:1px solid #ddd; background:#fff;}
.mainProdList .box4{margin:0px 8px; text-align:center; border:1px solid #333; background:#EAEAEA;}
.mainProdList .box4 a{display:block; padding:15px; font-size:18px; color:#777;}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    /* 페이지 : 메인 */
    .mainSlider{position:relative; width:100%; padding-bottom:46px;}
    .mainSlider .slides{position:relative; width:100%; height:282px; overflow:hidden;}
    .mainSlider .slide{display:none; background:#41434E;}
    .mainSlider .slide .recmSlide{}
    .mainSlider .slide .recmSlide .recmBanner{position:relative;}
    .mainSlider .slide .recmSlide .recmBanner .bannerBox{position:relative; display:none; height:282px;}
    .mainSlider .slide .recmSlide .recmBanner .bannerBox a{position:relative; z-index:1; display:block; width:100%; height:100%;}
    .mainSlider .slide .recmSlide .recmBanner .bannerBox .imgContainer{position:absolute; left:0px; top:0px; z-index:0;}
    .mainSlider .slide .recmSlide .recmBanner .bannerBox .imgContainer .pcweb{display:none;}
    .mainSlider .slide .recmSlide .recmBanner .bannerBox .imgContainer .mobileweb{display:block;}
    .mainSlider .slide .recmSlide .recmBanner .bannerBox .bplist{position:absolute; right:auto; left:15px; bottom:20px;}
    .mainSlider .slide .recmSlide .recmBanner .bannerBox .bplist ul{}
    .mainSlider .slide .recmSlide .recmBanner .bannerBox .bplist li{float:left; margin:0px 2px;}
    .mainSlider .slide .recmSlide .recmBanner .bannerBox .bplist li a{position:relative; display:block; width:65px;}
    .mainSlider .slide .recmSlide .recmBanner .bannerBox .bplist li a img{max-width:100%;}
    .mainSlider .slide .recmSlide .recmBanner .bannerBox .bplist li a .prodName{position:absolute; bottom:0px; left:0px; width:100%; padding:5px 0px; font-size:10px; color:#fff; text-align:center; background:#000;}
    .mainSlider .slide .recmSlide .recmBanner .bannerBox .bplist .btntxt{position:absolute; top:-40px; left:130px;}
    .mainSlider .slide .recmSlide .recmBanner .flex-control-nav{position:absolute; right:20px; top:20px; bottom:auto; z-index:3; width:auto;}
    .mainSlider .slide .recmSlide .recmBanner .flex-control-nav li {margin: 0 0 0 5px; float:left;}
    .mainSlider .slide .recmSlide .recmBanner .flex-control-nav li:first-child {margin: 0;}
    .mainSlider .slide .recmSlide .recmBanner .flex-control-nav li a {width: 13px; height: 13px; display: block; background:#fff; border:1px solid #dfdfdf; cursor: pointer; text-indent: -999em;}
    .mainSlider .slide .recmSlide .recmBanner .flex-control-nav li a:hover {background-color:#fff; border:1px solid #dfdfdf;}
    .mainSlider .slide .recmSlide .recmBanner .flex-control-nav li a.active {background-color:#A34545; border:1px solid #A34545; cursor: default;}
    .mainSlider .slide .recmSlide .recmBanner .banner1{display:block;}
    /*.mainSlider .slide .recmSlide .recmBanner .banner1{display:block; background:url("/resources/images/page/main/main_bn_m_3.jpg") 0 0 no-repeat;}*/
    /*.mainSlider .slide .recmSlide .recmBanner .banner2{background:url("/resources/images/page/main/main_bn_m_5.jpg") 0 0 no-repeat;}*/
    /*.mainSlider .slide .recmSlide .recmBanner .banner3{background:url("/resources/images/page/main/main_bn_m_6.jpg") 0 0 no-repeat;}*/
    .mainSlider .slide .prodSlide .prodleft{float:none; width:auto; background:none;}
    .mainSlider .slide .prodSlide .prodleft .boxwrap{width:240px; margin:15px auto; overflow:hidden;}
    .mainSlider .slide .prodSlide .prodleft .box{float:left; margin:5px 5px; width:110px; height:110px;}
    .mainSlider .slide .prodSlide .prodleft .box:nth-child(4),
    .mainSlider .slide .prodSlide .prodleft .box:nth-child(5),
    .mainSlider .slide .prodSlide .prodleft .box:nth-child(6){display:none;}
    .mainSlider .slide .prodSlide .prodleft .box a{position:relative; display:inline-block; width:100%; height: 100%;}
    .mainSlider .slide .prodSlide .prodleft .box a img{max-width: 100%;}
    .mainSlider .slide .prodSlide .prodleft .box a .txtblock{position:absolute; left:0px; bottom:0px; display:block; width:100%; padding:3px 0px; text-align:right; background:#111;}
    .mainSlider .slide .prodSlide .prodleft .box a .txtblock .txt{display:block; padding:0px 5px; font-size:13px; color:#fff; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
    .mainSlider .slide .prodSlide .prodleft .box.first{width:110px; height:110px; text-align: center;}
    .mainSlider .slide .prodSlide .prodleft .box.first a{width:100%; height:100%;}
    .mainSlider .slide .prodSlide .prodright{float:right; width:35%; display:none;}
    .mainSlider .slide .prodSlide .prodright .boxlist{position:relative; margin:15px auto;}
    .mainSlider .slide .prodSlide .prodright .boxlist .more{position:absolute; right:20px; bottom:0px; color:#fff;}
    .mainSlider .slide .prodSlide .prodright .boxlist ul{width:290px; margin:0px auto;}
    .mainSlider .slide .prodSlide .prodright .boxlist ul li{padding:6px 0px; font-size:0px; overflow:hidden;}
    .mainSlider .slide .prodSlide .prodright .boxlist ul li a{color:#fff;}
    .mainSlider .slide .prodSlide .prodright .boxlist .thumb{display:block; float:left; width:114px; height:114px;}
    .mainSlider .slide .prodSlide .prodright .boxlist .thumb img{max-width:100%;}
    .mainSlider .slide .prodSlide .prodright .boxlist .info{display:block; margin-left:130px;}
    .mainSlider .slide .prodSlide .prodright .boxlist .info .prodName{display:block; margin-bottom:5px; font-size:14px;}
    .mainSlider .slide .prodSlide .prodright .boxlist .info .prodHeadCpy{display:block; font-size:13px;}
    .mainSlider .sliderMenu{position:absolute; left:0px; bottom:0px; width:100%; height:46px; background:#303030;}
    .mainSlider .sliderMenu ul{position:absolute; left:0px; bottom:0px; width:100%; height:46px;}
    .mainSlider .sliderMenu li{float:none; display:none; margin-top:-8px; padding-top:8px;}
    .mainSlider .sliderMenu li a{display:block; min-width:110px; text-align:center; line-height:46px; font-size:13px; color:#ccc;}
    .mainSlider .sliderMenu li.active{display:list-item; background-image:none;}
    .mainSlider .sliderMenu li.active a{color:#FCEE21; font-weight:600; background:#000000;}

    .mainContent{width:100%; margin:0px; padding:0px;}
    .mainContent .mainblock{margin:0px; padding:15px; overflow:hidden; border:0px; border-top:1px solid #ddd; background:#F9F9F9;}
    .mainContent .mainblock .mbcont{float:none; width:100%;}
    .mainContent .mainblock .mbside{float:none; width:100%;}
    .mainContent .mainblock .mbside .boxBestProd{}
    /*.mainContent .mainblock .mbside .boxBestProd .txtList{overflow:hidden;}*/
    /*.mainContent .mainblock .mbside .boxBestProd .txtList li{float:left; width:48.2%;}*/
    .mainProdList .box{float:left; width:33%; margin-bottom:15px;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}



/* 180614_sdh806 */

.main_list .ml_slide .slides .bg_box,
.main_list .ml_slide .slides a,
.main_list .ml_lnb .ml_lnb_menu a,
.main_list .ml_lnb .ml_lnb_sort .btn_sort,
.main_list .ml_slide .flex-direction-nav a,
.main_list .ml_header .ml_menu a,
.main_list .ml_slide .btn_viewall
{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}

/* main slider */
.main_slider{position:relative;background:#000;*height:230px}
.main_slider a{display:block}
.main_slider img{display:block;width:100%}
.main_slider .flex-control-nav{bottom:15px;right:28px;width:auto;text-align:right;white-space:nowrap;z-index:90}
.main_slider .flex-control-nav li{cursor:pointer;margin:0 0 0 6px}
.main_slider .flex-control-nav a{display:block;cursor:pointer;width:10px;height:10px;text-align:left;text-indent:-9999px;border:1px solid #aaa;border-radius:50%;background:#fff;box-shadow:none}
.main_slider .flex-control-nav a:hover{border-color:#aaa;background:#fff}
.main_slider .flex-control-nav a.flex-active{border-color:#782322;background:#a04648}
.flex-direction-nav .flex-disabled{display:none}

/* main list */
.main_list{padding-bottom:60px}
.main_list .ml_area{margin-top:50px}
.main_list .ml_title{display:block;padding-left:12px;margin-bottom:10px;height:34px;line-height:34px;font-size:18px;color:#313131;font-weight:700}
.main_list .ml_title a{float:left;height:34px;line-height:34px;color:#313131}

.main_list .ml_lnb{position:relative;margin:70px 0 0 0;height:67px;z-index:90}
.main_list .ml_lnb:first-child{margin-top:50px}
.main_list .ml_lnb .ml_lnb_wrap{position:absolute;left:0;top:0;right:0;height:65px;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;background:#fff}
.main_list .ml_lnb .ml_lnb_box{margin:0 auto;width:1200px}
.main_list .ml_lnb .ml_lnb_menu{float:left}
.main_list .ml_lnb .ml_lnb_menu a{display:block;float:left;margin-left:30px;padding:0 8px;height:64px;line-height:64px;font-size:14px;color:#353535;border-bottom:2px solid transparent}
.main_list .ml_lnb .ml_lnb_menu a:first-child{margin-left:0}
.main_list .ml_lnb .ml_lnb_menu a:hover{color:#963f45}
.main_list .ml_lnb .ml_lnb_menu a.active{color:#963f45;font-weight:700;border-color:#963f45}
.main_list .ml_lnb .ml_lnb_menu .menu_empty,
.ml_lnb_area .ml_menu .menu_empty{display:none}
.main_list .ml_lnb .ml_lnb_sort{float:right;padding-top:22px;height:24px}
.main_list .ml_lnb .ml_lnb_sort .btn_sort{display:block;float:left;margin-left:8px;width:24px;height:24px;text-align:left;text-indent:-9999px}
.main_list .ml_lnb .ml_lnb_sort .btn_sort.grid{background:url("../images/mainr/ic_sort_grid.jpg") no-repeat center center}
.main_list .ml_lnb .ml_lnb_sort .btn_sort.list{background:url("../images/mainr/ic_sort_list.jpg") no-repeat center center}
.main_list .ml_lnb .ml_lnb_sort .btn_sort.grid.active{background:url("../images/mainr/ic_sort_grid_on.jpg") no-repeat center center}
.main_list .ml_lnb .ml_lnb_sort .btn_sort.list.active{background:url("../images/mainr/ic_sort_list_on.jpg") no-repeat center center}
.main_list .ml_lnb .ml_lnb_sort .select_box{position:relative;float:left;margin-left:26px}
.main_list .ml_lnb .ml_lnb_sort .select_box .btn_value{display:block;position:absolute;left:0;top:0;right:0;padding:0 24px 0 3px;height:24px;line-height:24px;font-size:12px;color:#626262;border:1px solid #ccc;background:#fff url("../images/mainr/ic_select_arrow.png") no-repeat right center;overflow:hidden;z-index:1}
.main_list .ml_lnb .ml_lnb_sort .select_box select{position:relative;width:70px;border:0;height:26px;font-size:12px;color:#626262;filter:alpha(opacity=0);opacity:0;-webkit-appearance:menulist;z-index:10}
.main_list .ml_lnb .ml_lnb_wrap.fixed{position:fixed;z-index:90}

.main_list .ml_header{height:30px}
.main_list .ml_header .ml_menu{padding-left:12px;height:24px}
.main_list .ml_header .ml_menu a{display:block;float:left;margin-right:20px;padding:0 2px;height:24px;line-height:24px;font-size:14px;color:#313131;text-decoration:none;border-bottom:1px solid transparent}
.main_list .ml_header .ml_menu a.active,
.main_list .ml_header .ml_menu a:hover{border-bottom:1px solid #313131}

.main_list .ml_slide{position:relative;padding:15px}
.main_list .ml_slide .btn_viewall{display:block;position:absolute;right:15px;top:-28px;padding:0 2px;height:20px;line-height:20px;font-size:12px;color:#a24444;border-bottom:1px solid transparent}
.main_list .ml_slide .btn_viewall:hover{border-bottom:1px solid #a24444}
.main_list .ml_slide .ml_box.slide{filter:alpha(opacity=0);opacity:0}
.main_list .ml_slide .ml_box.slide.load{filter:"";opacity:1}
.main_list .ml_slide .slides{height:252px;overflow:hidden}
.main_list .ml_slide .slides li{float:left;width:182px;height:252px}
.main_list .ml_slide .slides a{display:block;position:relative;height:250px;border:1px solid #dddddf;background:transparent;overflow:hidden}
.main_list .ml_slide .slides .bg_box{display:block;background:#fff}
/*.main_list .ml_slide .slides a:hover{border-color:#aaa}
.main_list .ml_slide .slides a:hover .bg_box{filter:alpha(opacity=70);opacity:0.7}*/
.main_list .ml_slide .slides .img_box{display:block;height:180px;overflow:hidden}
.main_list .ml_slide .slides .img_box img{display:block;min-width:180px;width:100%}
.main_list .ml_slide .slides .text_box{display:block;padding:10px 8px 0 8px;height:60px}
.main_list .ml_slide .slides .text_box .text{display:block;height:48px;line-height:24px;font-size:16px;color:#313131;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;*display:block}
.main_list .ml_slide .slides .over{display:block;position:absolute;left:0;top:100%;width:100%;height:100%;background:url("../images/mainr/bg_tooltip.png") repeat;z-index:10;-webkit-transition:all 0.35s ease;-moz-transition:all 0.35s ease;-ms-transition:all 0.35s ease;-o-transition:all 0.35s ease;transition:all 0.35s ease}
.main_list .ml_slide .slides a:hover .over{top:0}
.main_list .ml_slide .slides .over_text{display:block;padding:18px 15px 0 15px}
.main_list .ml_slide .slides .over_text .text{display:block;margin-bottom:30px;max-height:96px;line-height:24px;font-size:14px;color:#fff;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;*display:block}
.main_list .ml_slide .slides .over_text .desc{display:block;max-height:100px;line-height:20px;font-size:12px;color:#fff;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;*display:block}

.main_list .ml_slide .flex-direction-nav a{margin-top:-15px;width:20px;height:30px;filter:"";opacity:1;text-align:left;text-indent:-9999px}
.main_list .ml_slide .flex-direction-nav a:hover{filter:alpha(opacity=70);opacity:0.7}
.main_list .ml_slide .flex-direction-nav .flex-prev{left:-30px;background:url("../images/mainr/bt_slide_prev.png") no-repeat center center}
.main_list .ml_slide .flex-direction-nav .flex-next{right:-30px;background:url("../images/mainr/bt_slide_next.png") no-repeat center center}

.main_list .ml_area.recent .ml_box{display:block}
.main_list .ml_area.recent .ml_title{color:#963f45}
.main_list .ml_area.recent .ml_slide{background:#f6f5f3}
.main_list .ml_area.recent .ml_slide .slides{height:282px}
.main_list .ml_area.recent .ml_slide .slides li{height:282px}
.main_list .ml_area.recent .ml_slide .slides a{height:280px}
.main_list .ml_area.recent .ml_slide .slides .text_box{height:90px}
.main_list .ml_area.recent .ml_slide .slides .text_box .category{display:block;margin-bottom:8px;height:24px;line-height:24px;font-size:14px;color:#313131;overflow:hidden}

.main_list .ml_area .ml_box.list .list_wrap{padding:20px 15px;background:#f5f5f5}
.main_list .ml_area .ml_box.list .list_box{padding-top:15px;margin-top:15px;border-top:1px solid #d9d9d9;overflow:hidden}
.main_list .ml_area .ml_box.list .list_box:first-child{padding-top:0;margin-top:0;border-top:0}
.main_list .ml_area .ml_box.list .list_box.hide{display:none}
.main_list .ml_area .ml_box.list .ml_list{float:left;margin-left:14px;width:370px}
.main_list .ml_area .ml_box.list .ml_list:first-child{margin-left:0}
.main_list .ml_area .ml_box.list .ml_list li{padding:3px 0;height:24px}
.main_list .ml_area .ml_box.list .ml_list a{display:block;padding-left:10px;height:24px;line-height:24px;font-size:14px;color:#313131;background:url("../images/mainr/ic_list_dot.png") no-repeat left center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.main_list .ml_area .ml_box.list .ml_list a:hover{text-decoration:underline}
.main_list .ml_area .ml_box.list .ml_list a:hover .product-head-copy-box{text-decoration:underline}
.main_list .ml_area .ml_box.list .btn_more{display:none;margin:0 auto;margin-top:15px;width:70px;height:30px;line-height:30px;text-align:center;font-size:14px;color:#666}
.main_list .ml_area .ml_box.list .btn_more.active{display:block}
.main_list .ml_area .ml_box.list .btn_more .arrow{font-size:6px}

@media screen and (max-width:1280px) {
    .main_list .ml_slide .flex-direction-nav .flex-prev{left:30px}
    .main_list .ml_slide .flex-direction-nav .flex-next{right:30px}
}

@media all and (max-width : 768px) {
    .main_list .ml_slide .flex-direction-nav{display:none}

    .main_list .ml_lnb .ml_lnb_wrap{height:auto}
    .main_list .ml_lnb .ml_lnb_box{width:auto}
    .main_list .ml_lnb .ml_lnb_menu{float:none;overflow:hidden}
    .main_list .ml_lnb .ml_lnb_menu a{margin:0 10px 0 0;padding:0 5px;height:40px;line-height:40px}
    .main_list .ml_lnb .ml_lnb_sort{position:absolute;right:10px;bottom:10px;float:none;padding:0}

    .main_list .ml_header{height:auto}
    .main_list .ml_header .ml_menu{height:auto;overflow:hidden}
    .main_list .ml_header .ml_menu a{margin-bottom:4px}

    .main_list .ml_area .ml_box.list .ml_list{float:none;padding-top:15px;margin:15px 0 0 0;width:auto;border-top:1px solid #d9d9d9}
    .main_list .ml_area .ml_box.list .ml_list:first-child{margin-left:0;padding-top:0;margin-top:0;border-top:0}

    .main_list .ml_lnb .ml_lnb_menu .menu_empty{display:block;float:left;width:160px;height:42px}
    .ml_lnb_area .ml_menu .menu_empty{display:block;float:left;margin-bottom:4px;width:110px;height:24px}
    .main_list .ml_slide .slides a .over{display: none;}
}