/* BASIC css start */
.cate_title {
display:inline-block;
width: 100px;
height: 50px;
margin-top: 30px;
margin-left: 255px;
margin-bottom: -150px;
}

.cate_title span {
font-size: 15px;
font-weight: 600;
color: #555;
}



.class-list {
	padding: 0px 0;
	text-align: center;
    margin: -20px 0 25px;
}
.class-list dt {
	font-size: 30px; line-height: 30px; color: #000; font-weight: 700;
}
.class-list dd {
	width: 1440px;
    margin: 0 auto;
    margin-bottom: -30px;
}
.class-list dd a {
	display: inline-block;
	font-size: 14px; line-height: 1.5; color: #898989; font-weight: 400;
	text-decoration: none;
	margin: 15px 15px 50px;
}
.class-list dd a:hover {
	color: #000;
}
.class-list dd a.selected {
	color: #000; font-weight: 700;
}
.class-list dd span {
	margin: 0 0 0 5px;
	font-size: 15px; line-height: 1.5; color: #acacac; font-weight: 300;
}







.line_class-list {
    margin: 0 auto;
    margin-bottom: 10px;
    width: 1400px;
	padding: 0px 0;
	text-align: left;

}
.line_class-list dt {
	font-size: 30px; line-height: 0px; color: #777; font-weight: 700;

}
.line_class-list dd {
    width: auto;
    margin: 0 auto;
    margin-left: 0px;
    margin-bottom: -20px;
}
.line_class-list dd a {
	display: inline-block;
	font-size: 13px; line-height: 1.8; color: #777; font-weight: 400;
	text-decoration: none;
    padding: 3px 10px 3px 10px;
    margin-right: -4px;
    margin-bottom: -1px;
    border: 0px solid #fff;
    background-color: transperant;

}
.line_class-list dd a:hover {
	color: #eb5728;
}
.line_class-list dd a.selected {
	color: #eb5728;; font-weight: 500;
        background-color: transperant;
        border: 0px solid #000;
}

.line_class-list dd span {
	margin: 0 0 0 5px;
	font-size: 13px; line-height: 1; color: #acacac; font-weight: 300;
}


.best-item {
	background: #fff;
    margin-top: 0px;
    margin-bottom: -60px;
	padding: 0px 0 0px;
        text-align: center;
        max-height: 650px;
}
.best-item .inner {
	min-width: 1040px;
    max-width: 1390px;
    box-sizing: border-box;
    padding: 0 0px;
    margin: 0 auto;
    position: relative;
}
.best-item .inner h2 {
	font-size: 25px; line-height: 50px; color: #444; font-weight: 200;
	position: absolute; 
        top: -50px;
        left: 46%;
        display: inline-block;
	text-align: center;
}
.best-item .inner h2 span {
	display: block;
	font-size: 13px; line-height: 1.2; color: #999; font-weight: 500;
	margin: -8px 0 0;
}
.best-item .prd_list .box .box_prd:after {
	content: '';
	position: absolute; top: -10px; left: 0px; right: 0px; bottom: -10px; z-index: 1;
	background: #fff;
        text-align: center;

}

.total_sort {
	padding: 80px 0 0px; margin: 80px 0 0px;
	border-top: 1px solid #eee;
    text-decoration: none;
}
.total_sort .total {
	float: left;
	font-size: 20px; line-height: 20px; color: #aaa;

}
.total_sort .total span {
	font-size: 20px; line-height: 20px; color: #000;
}
.total_sort .sort {
	float: right;
        margin-right: 5px;

}
.total_sort .sort li {
	float: left;

}
.total_sort .sort li:before {
	content: '|';
	font-size: 12px; line-height: 20px; color: #fff;
	float: left;
	padding: 0 10px;
}
.total_sort .sort li:first-child:before {
	display: none;
}
.total_sort .sort li a {
	font-size: 12px; line-height: 20px; color: #999;
    text-decoration: none;
}
.total_sort .sort li.now a {
	color: #eb5728; font-weight: 700;
}

.total {
    margin : -20px 5px 0px;
}


.total span {
    font-size: 14px; font-weight: 500; color: #333;
}




.paginate {
	padding: 40px 0;
	text-align: center;
}
.paginate li {
	display: inline-block;
	margin: 0 2px;
}
.paginate li {
	display: inline-block;
	margin: 0 2px;
}
.paginate li a {
	display: block;
	width: 30px; height: 30px;
	font-size: 13px; letter-spacing: normal; line-height: 30px; color: #999;
	background: #fff;
	border: 1px solid #999;
	border-radius: 2px;
	text-decoration: none;
	box-sizing: border-box;
}
.paginate li a:hover {
	color: #fff;
	background: #999;
}
.paginate li.now a {
	color: #fff;
	background: #999;
}
.paginate li.first a, 
.paginate li.prev a, 
.paginate li.next a, 
.paginate li.last a {
	color: #999;
	background: #fff;
	border: 0;
}
.paginate li.first a:hover, 
.paginate li.prev a:hover, 
.paginate li.next a:hover, 
.paginate li.last a:hover {
	color: #999;
	background: #fff;
}


          .sale_catetop {
               position: relative;
               width: 1200px;
               height: 535px;
               display: inline-block;
               text-align: left;
               background-color: #f9f9f9;
               padding-top: 20px;
               padding-left: 50px;
          }
               .sale_catebanner {
                    width: 1134px;
                    background-image: url("http://mjdo2015.speedgabia.com/rusko_webpage/sale/sale_catebanner.jpg");
                    height: 200px;
                    margin-bottom: 20px;
                    border: 0px solid #fff;
                    border-radius: 10px;
               }
                    .c_left {
                         width: 280px;
                         height: 230px;
                         display: inline-block;
                         float: left;
                    }
                    .c_left h1 {
                         width: 280px;
                         height: 30px;
                         text-align: center;
                         font-size: 15px;
                         line-height: 30px;
                         font-weight: 400;
                    }
                         .cal {
                              width: 280px;
                              height: 200px;
                         }
                              .cal_cont_title {
                                   width: 40px;
                                   height: 40px;
                                   float: left;
                                   display: inline-block;
                                   font-size: 11px;
                                   text-align: center;
                                   line-height: 40px;
                              }
                              .cal_cont {
                                   width: 38px;
                                   height: 38px;
                                   float: left;
                                   display: inline-block;
                                   background-color: #fff;
                                   border: 1px solid #eee;
                                   border-radius: 10px;
                                   text-align: center;
                                   line-height: 38px;
                                   color: #777;
                                   cursor: pointer;
                                   font-size: 13px;
                              }
                              .cal_nownot {
                                   opacity: 0.5;
                              }
                               .cal_week_now .cal_cont {
                                background-color: #d01e1e;
                                color: #fff;
                               }
                               .cal_week:hover .cal_cont {
                                    background-color: #d01e1e;
                                    transition: all linear 0.1s;
                                    color: #fff;
                                    opacity: 1;
                               }
                               .month_banner {
                                    position: absolute;
                                    left: 338px;
                                    top: 240px;
                                    width: 845px;
                                    height: 270px;
                                    display: none;
                                    background-color: red;
                               }
                                .cal_week:hover .month_banner {
                                     display: block;
                                }
                    .c_banner {
                         width: 845px;
                         height: 270px;
                         display: inline-block;
                         float: left;
                         margin-left: 8px;
                         background-color: #fff;
                    }
                    
                    
.cate_thum_h {
    position: relative;
}

.cate_thum_htop {
width: 330px;
height: 470px;
overflow: hidden;
margin-bottom: 20px;
}
.cate_thum_h .icon_area {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 60px;
    height: 60px;
    background-color: #000;
}


.size_name {
    margin-top: 5px;
    font-size: 12px;
}


.ct_box_main {

width: 330px !important;
margin: 12px !important;
}

.ct_box_main_info {
width: 330px;
}
.ct_box_main_info img {
width: 330px !important;
height: 470px !important;
}

.thum_icon_area {
position: absolute;
top: 10px;
right: 10px;
border-radius: 0px;
overflow: hidden;


}
.thum_icon_area img {
width: 50px !important;
height: 50px !important;
}



.best_thum_icon_area {
position: absolute;
top: 10px;
right: 10px;
overflow: hidden;


}
.best_thum_icon_area img {
width: 50px !important;
height: 50px !important;
}




.icon_area img {
width: 60px !important;
height: 60px !important;
}

.icon_p {
position: relative;
}

.icon_area_h {
position: absolute;
top: -3px;
right: 0px;
width: 60px;
height: 15px;
background-color: #fff;
text-align: right;
color: #999;
font-size: 11px;
}


.wish_coverbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    opacity: 0;
}
.wish_coverbox:hover {
    opacity: 1;
    transition: all linear 0.2s;
}








.category_name {
    width:1380px;
    text-align: left;
    height: auto;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 10px;
    -webkit-tap-highlight-color:transparent;
    text-decoration: none;
}

.category_name a{
    font-size: 20px;
    font-weight: 500;
    color: #555;
    -webkit-tap-highlight-color:transparent;
    text-decoration: none;
}

.category_name a:hover{
    font-size: 20px;
    font-weight: 500;
    color: #eb5728;
    -webkit-tap-highlight-color:transparent;
    text-decoration: none;
}















.box_hover {
    position:absolute;
    left:0;
    top:0;
    width:330px;
    height:470px;
    background-color:#000;
    opacity:0;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    }
    

.box_hover_title{
    position:absolute;
    left:65px;
    top:200px;
    width:200px;
    height:100px;
    background-color: transparent;
    text-align:center;
    opacity:0;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    }

.box_hover_title span{
    font-size:13px;
    color: #fff;
    font-weight: 400;
    }
     
     
     
.best_thumb_img:hover .box_hover {
    opacity:0.7;
    }

.best_thumb_img:hover .box_hover_title {
    opacity:1;
    }
    
    
    
    
.prd_box_hover {
    position:absolute;
    left:0;
    top:0;
    width:330px;
    height:470px;
    background-color:#fff;
    opacity:0;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    }
    
.prd_box_hover_title{
    position:absolute;
    left:40px;
    top:200px;
    width:250px;
    height:100px;
    background-color: transparent;
    text-align:center;
    opacity:0;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    }

.prd_box_hover_title span{
    font-size:13px;
    color: #333;
    font-weight: 400;
    }
     
     
.prd_thumb_img:hover .prd_box_hover {
    opacity:0.8;
    }

.prd_thumb_img:hover .prd_box_hover_title {
    opacity:1;
    }
    
    
    
.icon_under {width: 330px; height: 30px; display:inline-block; overflow: hidden; margin-top: 10px; float: left; margin-left: -3px;}
.icon_under img {
width: 60px !important;
height: 20px !important;
margin: 0 2px 0 ;
}



.abcd span {display:inline-block; width:10px; height:10px; border:1px solid #dddddd;}
/* BASIC css end */