/* BASIC css start */
/*
.swiper-pagination-bullet {background: #fff !important;}
*/
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{left:85% !important;}


.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:15% !important;}



.swiper-button-prev,
.swiper-button-next {
  position: absolute !important;
  top: 50% !important;
  width: 65px !important;
  height: 78px !important;
  margin-top: -60px !important;
  z-index: 10 !important;
  cursor: pointer !important;
  background-size: 65px 78px !important;
  background-position: center;
  background-repeat: no-repeat;
}




.nav12 > .swiper-pagination1 > .swiper-pagination-bullet-active {
  opacity: 1;  background: #000; width: 10px !important; border-radius: 25px !important;  
}


.swiper-container22{width:100%; overflow: hidden !important; }

.swiper-container22 > .swiper-button-prev,
.swiper-container22 > .swiper-button-next {
  position: absolute;
  top: 13% !important;
  width: 47px;
  height: 104px;
  margin-top: -60px;
  z-index: 10;
  cursor: pointer;
  background-size: 47px 94px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-container22 .swiper-button-prev.swiper-button-disabled,
.swiper-container22 .swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-container22 .swiper-button-prev,
.swiper-container22 .swiper-container-rtl .swiper-button-next {
  background-image: url("/design/envelope10/banner/arrow_left_1.png");
  left: 0px;
  right: auto;
}

.swiper-container22 .swiper-button-prev:hover,
.swiper-container22 .swiper-container-rtl:hover .swiper-button-next:hover {
  background-image: url("/design/envelope10/banner/arrow_left.png");
  left: 0px;
  right: auto;
}

.swiper-container22 .swiper-button-next,
.swiper-container22 .swiper-container-rtl .swiper-button-prev {
  background-image: url("/design/envelope10/banner/arrow_right_1.png");
  right: 0px;
  left: auto;
}



.swiper-button-next:hover,
.swiper-container-rtl:hover .swiper-button-prev:hover {
  background-image: url("/design/envelope10/banner/arrow_right.png");
  right: 0px;
  left: auto;
}




.new-prd-list .icon2{position: absolute; bottom: 133px; background:blue; color: #fff; padding: 6px 10px; font-size: 16px;}
.new-prd-list .icon3{position: absolute; bottom: 133px; background:blue; color: #fff; padding: 6px 10px; font-size: 16px; display:none;}

.mySwiper{width:100%; overflow: hidden !important; }

.mySwiper11 .swiper-slide .new-prd-list .prd-list .tb-center {width: 100%; margin:0 auto; padding:0 15px; text-align:left;border:1px solid #fff;position:relative;min-height: 464px;box-sizing:border-box;vertical-align: top;border:1px #fff solid;}
.mySwiper11 .swiper-slide .new-prd-list .prd-list .tb-center:hover {width: 100%;  border:1px #ccc solid; box-sizing:border-box;}

.mySwiper11 .swiper-slide .new-prd-list .prd-list .tb-center .dsc {margin-top:0px;color:#111;font-size:14px;margin-bottom:10px;line-height:1.43;padding-top:10px;white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;}


/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
#tab-1 .prd-list .tb-center, #tab-2 .prd-list .tb-center, #tab-3 .prd-list .tb-center, #tab-4 .prd-list .tb-center, #tab-5 .prd-list .tb-center{width: 20%; margin:0 auto;padding:0 15px;text-align:left;border: 1px solid #fff;position:relative;min-height:448px; box-sizing:border-box; float:left; margin-bottom:30px;}
#tab-1 .prd-list .tb-center:hover, #tab-2 .prd-list .tb-center:hover, #tab-3 .prd-list .tb-center:hover, #tab-4 .prd-list .tb-center:hover, #tab-5 .prd-list .tb-center:hover{border:1px solid #ccc;}
#tab-3 .prd-list .thumb img { display: block; width:100%; height: 100%; margin:0 auto; }



#tab-1 .prd-list .tb-center:nth-child(6),
#tab-2 .prd-list .tb-center:nth-child(6),
#tab-3 .prd-list .tb-center:nth-child(6),
#tab-4 .prd-list .tb-center:nth-child(6),
#tab-5 .prd-list .tb-center:nth-child(6){clear:both;}


.image-hover-text-container 
{
  position: relative;
  display: inline-block;

  width: auto;
  height: auto;
  transition: all 0.2s linear;
}

.image-hover-image 
{
 display: block;
}
/* Make the image round */
.image-hover-image img
{

}



.image-hover-text 
{
  position: absolute;
  top: 0;
  width: 100%;  
  height: 100%;
  margin: 0 auto;
  opacity: 0;
  cursor: default;
  transition: opacity 0.2s linear;
}
.image-hover-text:hover 
{
  opacity: 1;
}


.image-hover-text-bubble 
{
  position: relative;
  top: 0;
  left: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  margin: 0 auto;
  overflow: hidden;
  font-size: 17px;
  text-align: center;
  width: 100%;
  word-wrap: break-word;
  height: 100%;
  color:#fff;
}

.image-hover-text .image-hover-text-title
{
  font-size: 14px;
  display: block;
  position:relative;
  top:35%;

}



#tab-1 .prd-list .thumb, #tab-3 .prd-list .thumb, #tab-4 .prd-list .thumb {
  margin-left: auto;margin-right: auto;font-size:0;line-height:0;border:1px solid #fff;
}

#tab-1 .prd-list .thumb .ranking{position:absolute; left: 12px; top: 11px;}



    #preview_wrap {
        width: 185px;
        height: 185px;
        top: 0px;
        right: 0px;
        position: absolute;
        z-index: 1000;
        display : none;
    }
    #preview_wrap .preview_label {
        width: 185px;
        height: 185px;
        position: absolute;
        top: 0px;
        right: 0px;
        left: auto;
        display : none;
    }


/**** magazine ****/
.fixed-img-collist { overflow:hidden; }     
.fixed-img-collist ul {width: 100%; overflow:hidden;display:inline-block;vertical-align: middle;}
.fixed-img-collist ul:nth-child(2) { width: 100%; overflow:hidden;  display:inline-block;}


.fixed-img-collist ul li {display:inline-block; width: 49%;}
.fixed-img-collist ul li:nth-child(2) {margin-left:1.6%; padding-bottom:2%;}


.fixed-img-collist ul li:nth-child(3),
.fixed-img-collist ul li:nth-child(4) {width:23.5%; margin-right:1.6%;}
.fixed-img-collist ul li:nth-child(5) {width:23.5%; margin-right:1.6%;}
.fixed-img-collist ul li:nth-child(6) {width:23.5%; margint-left:0.4%; margin-right:0%;}



.fixed-img-collist ul li a { display: block;}






.fixed-img-collist ul li a:hover .img img{display: block; transform:scale(1.05);}
/*
.fixed-img-collist ul li .img{display:block;overflow:hidden;margin-bottom:15px;display:block;width: 450px;height: 450px;}
.fixed-img-collist ul li .img img{ width:100%;max-width:100%;height:auto;transform:inherit;transition:all 0.3s ease;}
*/

.fixed-img-collist ul li .img{display:block;overflow:hidden;margin-bottom:15px;display:block;width: 100%;/* height: 450px; */}
.fixed-img-collist ul li .img img{ width:100%;max-width:100%;height:auto;transform:inherit;transition:all 0.3s ease;}


.fixed-img-collist ul li a span { display: block; }
.fixed-img-collist ul li a span img { width:428px; height:448px; }
.fixed-img-collist ul li a .text { width: 100%;  text-align:center;   overflow: hidden; text-overflow: ellipsis; color:#000;     white-space: nowrap;    display: inline-block; margin-top: 5px; font-size: 14px; letter-spacing: -1px; }
.txt-center{text-align:center; width: 200px;  }

.fixed-img-collist ul li a .text img { width: 20px; height: 9px;  }


/*.fixed-img-collist ul li a .text{ display: inline-block; margin-top: 5px; font-size: 11px; letter-spacing: -1px; }*/
.fixed-img-collist ul li a span { margin-bottom: 3px; } 
/* noimage */
.fixed-img-collist ul li a span.noimg{display: block; width: 328px; padding:10px; text-align: center; font-size: 16px; line-height: 328px; /*font-family: Tahoma; */border: 1px solid #d8d8d8; background-color: #e0e0e0; }
.fixed-img-collist ul li p { font-size: 11px; margin-top: 3px; margin-left:10px; }

.bestTit a{color:#666; font-size:14px;}
.bestTit a:hover{color:#000;}
/**********/

/*
.swiper-slide .prd-list table .tb-center {width: 321px;margin:0 auto;padding:0 11px;text-align:center;border:1px solid #fff;position:relative;min-height:414px;}
.swiper-slide .prd-list .thumb {width: 319px;margin-left: auto;margin-right: auto;font-size:0;line-height:0;border:1px solid #e9e9e9;}
.swiper-slide .prd-list table .tb-center:hover {border:1px solid #555; }
*/




/**** HOT KEYWORD ****/
.nav12 {width:94%;  padding-bottom:140px; margin:0 auto;}

.nav1 {width:94%; margin-top:0px; padding-bottom:50px; margin:0 auto;}
.nav1 li {display:inline-block; margin-right:0.4%; padding-bottom:0px; width:10%;}
.nav1 li:last-child{display:inline-block; margin-right:0; padding-right:0%; margin-right:-4px;}

.nav1 li img{width:100%;}

.nav1 li span{font-size:16px; color:#000; font-weight:bold; text-align:center; display:block; padding-top:20px;}

/**** HOT KEYWORD end ****/



/*** inpluencer pick *****/
.bestTit{margin-botton:50px;}
.bestTit img{display:block; text-align:center; margin:0 auto; padding-bottom:50px;}

/**** best review ****/

#main3 {width:94%; margin:0 auto;position:relative; /* margin-bottom:100px;*/ }

#main3 .swiper-container7{
      width: 100%;
      height: auto;
      margin:0 auto;
      overflow: hidden;
}



#main3 .swiper-container7 .swiper-slide2 #review1 ul li:nth-child(1){display:none;}
#main3 .swiper-container7 .swiper-slide2 #review1 ul li:nth-child(2){display:none;}
#main3 .swiper-container7 .swiper-slide2 #review1 ul li:nth-child(3){display:none;}
#main3 .swiper-container7 .swiper-slide2 #review1 ul li:nth-child(4){display:none;}



#main3 .swiper-container7 .swiper-slide3 #review1 ul li:nth-child(1){display:none;}
#main3 .swiper-container7 .swiper-slide3 #review1 ul li:nth-child(2){display:none;}
#main3 .swiper-container7 .swiper-slide3 #review1 ul li:nth-child(3){display:none;}
#main3 .swiper-container7 .swiper-slide3 #review1 ul li:nth-child(4){display:none;}
#main3 .swiper-container7 .swiper-slide3 #review1 ul li:nth-child(5){display:none;}
#main3 .swiper-container7 .swiper-slide3 #review1 ul li:nth-child(6){display:none;}
#main3 .swiper-container7 .swiper-slide3 #review1 ul li:nth-child(7){display:none;}
#main3 .swiper-container7 .swiper-slide3 #review1 ul li:nth-child(8){display:none;}



#review{/* background:#fbf8f1; */padding-top: 0px;padding-bottom: 50px;margin-top: 80px;}
#review1{/*width:1400px;*/ margin : 0 auto; color:#000;}
#review1 ul li{width: 23%;margin-right:1.6%;display:inline-block;min-height: 750px;vertical-align: top;}
#review1 ul li:nth-child(4){margin-right:0%; }
#review1 ul li:nth-child(4){margin-right:0%; }
#review1 ul li:nth-child(8){margin-right:0%; }
#review1 ul li:nth-child(12){margin-right:0%; }
#review1 ul li:nth-child(16){margin-right:0%; }



#review1 ul li img{width:100%; }



#review1 ul li .name{vertical-align:middle; font-size:16px; text-align:left; padding-top:10px; min-height:42px; font-weight:bold;}

#review1 ul li p br{display:none;}


		.container{
			width:94%;

			margin: 0 auto;
		}



		ul.tabs{
			list-style: none;
			float: left;
			padding-top: 5px;
			padding-bottom: 5px;
border-bottom:2px #fff solid; 
border-box:box-sizing;
		}


		ul.tabs li, ul.tabs li.nav_underline{
			background: none;
			color: #000;
			/* display: inline-block;*/
			margin:0px 10px 0px 10px;
			float:right;
			cursor: pointer;
			font-size: 15px;
			/* font-weight:bold; */
			line-height:44px;
		}
		
		ul.tabs li:hover{
			box-sizing: border-box;

			/* color:#000;  padding:0px 10px 0px 10px;*/ 
			-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; 
		}

		ul.tabs li.nav_underline:after {
		  font-weight:bold;
		  display:block;
		  content: '';
		  border-bottom: solid 2px #000;  
		  
		  line-height:40px;
		  box-sizing:border-box;
		  transform: scaleX(0);
		  transform-origin:  0% 50%;
		  transition: transform 250ms ease-in-out;
		}	

		ul.tabs li.nav_underline:hover:after {
		  transform: scaleX(1); 
		}
	


		ul.tabs li.current{
			color: #000;
			font-weight:bold;
			display:block;
			content: '';
			border-bottom: solid 2px #000;  
			box-sizing: border-box;
			line-height:44px;
			
		}

		ul.tabs li.current:hover{border-bottom:2px #000 solid;} 


		ul.tabs li.current.nav_underline:after {
		  font-weight:bold;
		  display:block;
		  content: '';
		  border-bottom: solid 2px #000;  
		  border-bottom: none;
		  
		  line-height:40px;
		  box-sizing:border-box;
		  transform: scaleX(0);
		  transform-origin:  0% 50%;
		  transition: transform 250ms ease-in-out;
		}	

		ul.tabs li.current.nav_underline:hover:after {
		  transform: scaleX(1); 
		}



		.tab-content{
			display: none;
		
		}

		.tab-content.current{
			display: inherit;
		}

.sub_img_area {display:none;} /* ?ıııı?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ¡§ù¢?ıı????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ¡§?ıı?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? */
#blk_scroll_wings {top:786px !important; }
.wings_fixed {position:fixed !important; padding-top:120px;}

#contentWrap,
#content {width:100% !important; } /* ?ıııı?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ©©ª¡??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? */

/* ?ıııı?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? */


/* ?ıııı?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? 2????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? */
.contentslider-std2 {width:357px;height:288px;padding:0px;margin:0px;}
.contentslider-std2 .sliderkit-panels{width:357px;height:288px;overflow:hidden;padding:0px;margin:0px;background:transparent;}
.contentslider-std2 .sliderkit-panel{width:357px;height:288px;overflow:hidden;padding:0px;margin:0px;background:transparent;}
.contentslider-std2 .sliderkit-go-btn{position:absolute;top:15px;z-index:2222; }
.contentslider-std2 .sliderkit-go-prev{left:320px;}
.contentslider-std2 .sliderkit-go-next{left:333px;}
.contentslider-std2 .sliderkit-go-btn a{display:block;width:14px;height:14px;cursor:pointer;background:transparent url("/design/envelope10/0669thefashion/btn.gif") no-repeat 0 0;}
.contentslider-std2 .sliderkit-go-next a{background-position:-13px 0;}
.contentslider-std2 .sliderkit-go-prev a{background-position:0 0;}
.contentslider-std2 .sliderkit-go-next a:hover{background-position:-39px 0;}
.contentslider-std2 .sliderkit-go-prev a:hover{background-position:-26px 0;}
.contentslider-std2 .sliderkit-go-btn span{display:none;}

/* ?ıııı?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ¡§ö¡??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? */
.main_rolling { width:708px;height:592px;margin-top:130px;background-color:#fff; }
.main_rolling .sliderkit-nav {left:0;width: 809px;padding:0px;position:relative;text-align:center;}
.main_rolling .sliderkit-nav-clip ul li{float:left; height:660px;margin:0px;padding:0px 9px 0;line-height: normal; }
.main_rolling .sliderkit-nav-clip ul li a {display:block; margin:0px;padding:0;color:#555;}
.main_rolling .sliderkit-nav-clip ul li a img {width:500px; height:494px;}
.main_rolling .sliderkit-nav .sliderkit-nav-btn{position:absolute; top:0px;height:0px;}
.main_rolling .sliderkit-nav .sliderkit-nav-btn span{display:none;}
.main_rolling .sliderkit-nav .sliderkit-nav-btn a{display:block;}
.main_rolling .sliderkit-nav .sliderkit-nav-prev {left:-1px;}
.main_rolling .sliderkit-nav .sliderkit-nav-next {right:69px;}
.main_rolling .sliderkit-nav .sliderkit-nav-prev a{ position:absolute;width:70px;height:70px;cursor:pointer;background:url("/design/envelope10/0669thefashion/md_left.gif") no-repeat; margin-top:220px;}
.main_rolling .sliderkit-nav .sliderkit-nav-next a{position:absolute; width:70px;height:70px;cursor:pointer;background:url("/design/envelope10/0669thefashion/md_right.gif") no-repeat; margin-top:220px;}
.main_rolling .sliderkit-nav-clip ul li .dsc { margin:30px auto 0;color:#222;font-size:15px;font-weight:bold; width:310px; text-align:center;}
.main_rolling .sliderkit-nav-clip ul li .subname {margin:15px auto 0;width:310px; font-weight: normal; font-size:12px;color:#888; text-align:center;}
.main_rolling .sliderkit-nav-clip ul li .price { margin-top:15px;color:#222;font-size:15px;  text-align:center;}




#main2 {width:94%; margin:0 auto;position:relative; /* margin-bottom:100px;*/ }
#main2 .main_title {/* padding:55px 0px;*/  font-size:0px;color:#222;text-align:center;}
#main2 .main_title1 {/* padding:75px 0px;  */font-size:0px;color:#222;text-align:center;}



#main {width:100%;margin:0 auto; padding-top:100px; position:relative;}
#main .section_line {border:1px solid #dedede;border-top:0;}
#main .section_line1 {border:1px solid #dedede;}


#main .main_title {padding:55px 0px;  font-size:0px;color:#222;text-align:center;}
#main .md_title {padding-top:108px; text-align:center; margin-bottom:80px;}


#main_section {display:none; width:100%;background-color:#fafafa;border-top:1px solid #dedede;border-bottom:1px solid #dedede;padding:80px 0; margin-top:55px; margin-bottom:0px;}
#main_section .md_product {float:left;width: 808px;height: 960px;overflow:hidden;border:1px solid #dedede;background-color:#fff;}
#main_section .main_ban {border:1px solid #dedede; height:300px; background:#000;}
#main_section .main_event {margin-top:28px;width:538px; height:300px;border:1px solid #dedede;text-align:center;background-color:#fff;}
#main_section .main_event a:hover{opacity: 0.5; filter: alpha(opacity=50); transition:background-color .3s,color .15s,opacity 0.3s}

#main_section .main_event:hover {background-color:#fafafa;}
#main_section .main_event .ban_title {font-size:30px; line-height:17px; color:#444; padding-top:60px; }
#main_section .main_event .ban_txt {font-size:11px;  color:#888888; line-height:14px; padding:30px 0;}
#main_section .main_event .btn_detail { text-align:center; margin:0 auto; font-size:11px;line-height:27px; width:103px; height:27px; border:1px solid #dedede;}
#main_section .main_event .btn_detail a {color:#555;}
#main_section .main_event .btn_detail a:hover {color:#000; text-decoration:underline;}
.main_btban { width:1098px; height:288px; border:1px solid #dedede;text-align:center;margin:40px auto 0;border:1px solid #dedede;}


#main_section1 {width:100%; padding:40px 0; margin-top:40px; margin-bottom:40px;}

/*---------------------------------
 *  categorybest
 *---------------------------------*/

.cate{margin-bottom:50px;}

/*---------------------------------
 *  ??ıı?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? 6????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
 *---------------------------------*/
.contentslider-tab { width:1400px; clear:both; overflow:visible !important;} 
/* Nav */
.contentslider-tab .sliderkit-nav { position:relative; width:1400px; }
.contentslider-tab .sliderkit-nav-clip{ position:absolute; top:0px; left:0px;}
.contentslider-tab .sliderkit-nav-clip li{ display:block; padding:0px; margin:0px; width:230px;  height:39px; font-size:11px; list-style:none; float:left; border:1px solid #dedede;  border-bottom:0px;}

.contentslider-tab .sliderkit-nav-clip li:first-child { width:464px !important; margin-left:0px;}
.contentslider-tab .sliderkit-nav-clip li { width:464px; margin-left:1px;}


.contentslider-tab .sliderkit-nav-clip li a{ cursor:pointer; width:464px; height:39px; color:#666666; text-align:center; /*font-family:Arial;*/ font-size:15px; background-color:#fff; display:block; line-height:39px; }
.contentslider-tab .sliderkit-nav-clip li a:hover { color:#ffffff; background-color:ffffff; display:block; font-weight:bold; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; }
.contentslider-tab .sliderkit-nav-clip li.sliderkit-selected a { color:#ffffff; background-color:#222; height:39px; line-height:39px;width:464px; font-size:15px; font-weight:bold;}
/* Panel */
.contentslider-tab .sliderkit-panels {width:1398px;  min-height:850px; overflow:visible !important; font-size:0px; float:left; padding-top:40px; border:1px solid #dedede; border-top:0px;}
.contentslider-tab .sliderkit-panel   {width:1398px;  min-height:850px; overflow:visible !important;  border:0px solid #dddddd; border-top:2px solid #222;}



/* ??ıı?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? 6????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ***/

.sliderkit-panels .prd-list table .tb-center { width:250px; margin:0 auto; padding:0 11px; text-align:center; border:1px solid #fff; position:relative;  min-height:414px;}
.sliderkit-panels .prd-list table .tb-center:hover{border:1px solid #fff;}
.sliderkit-panels .prd-list .thumb {width: 248px; margin-left: auto;margin-right: auto;font-size:0;line-height:0;border:1px solid #e9e9e9;}

/*** ¡§???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ***/
.new-prd-list .prd-list{width: 100%;}
.new-prd-list .prd-list .tb-center {width: 19.6%;margin:0 auto;/* padding:0 5px; */text-align:left;border:1px solid #fff;position:relative;min-height: 464px;box-sizing:border-box;vertical-align: top;border:1px #fff solid; margin-bottom:30px; /* margin-bottom:30px; */ }

.new-prd-list .prd-list .tb-center:hover {border:1px #ccc solid; box-sizing:border-box;}




.new-prd-list .prd-list table .tb-center:nth-child(6),
.new-prd-list .prd-list table .tb-center:nth-child(12),
.new-prd-list .prd-list table .tb-center:nth-child(18),
.new-prd-list .prd-list table .tb-center:nth-child(24),
.new-prd-list .prd-list table .tb-center:nth-child(30),
.new-prd-list .prd-list table .tb-center:nth-child(36),
.new-prd-list .prd-list table .tb-center:nth-child(42),
.new-prd-list .prd-list table .tb-center:nth-child(48),
.new-prd-list .prd-list table .tb-center:nth-child(56),
.new-prd-list .prd-list table .tb-center:nth-child(60),
.new-prd-list .prd-list table .tb-center:nth-child(66),
.new-prd-list .prd-list table .tb-center:nth-child(72),
.new-prd-list .prd-list table .tb-center:nth-child(78),
.new-prd-list .prd-list table .tb-center:nth-child(84),
.new-prd-list .prd-list table .tb-center:nth-child(90),
.new-prd-list .prd-list table .tb-center:nth-child(96){margin-right:0px;}

.new-prd-list .prd-list table .tb-center:hover {border:1px solid #ccc;}

.new-prd-list .prd-list .thumb {/* width: 317px; */margin-left: auto;margin-right: auto;font-size:0;line-height:0; /* border:1px solid #ccc;*/ }




/*** ¡§???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ***/

.recmd-prd-list .prd-list table .tb-center {width: 319px;margin:0 auto;padding:0 11px;text-align:center;border:1px solid #fff;position:relative;min-height:414px;}
.recmd-prd-list .prd-list table .tb-center:hover {border:1px solid #555;}

.recmd-prd-list .prd-list .thumb {width: 317px;margin-left: auto;margin-right: auto;font-size:0;line-height:0;border:1px solid #e9e9e9;}




/* Panel */
.contentslider-tab .sliderkit-panels {width:1398px;  min-height:850px; overflow:visible !important; font-size:0px; float:left; padding-top:40px; border:1px solid #dedede; border-top:0px;}
.contentslider-tab .sliderkit-panel   {width:1398px;  min-height:850px; overflow:visible !important;  border:0px solid #dddddd; border-top:2px solid #222;}

/**** focos on ****/

.swiper-button-prev3{
	position: absolute;
	top: 38%;
	width: 45px;
	height: 45px;
	z-index: 10;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
display:none;
		
}

.swiper-button-next3 {
	top: 38%;
	width: 45px;
	height: 45px;
	z-index: 10;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
display:none;
}

.swiper-button-prev3.swiper-button-disabled,
.swiper-button-next3.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev3,
.swiper-container-rtl3 .swiper-button-next3 {

  background-image: url("http://clayong.speedgabia.com/detail/banner/md_left2_pc.jpg");
  left: 0px;
  opacity:0.5;

}

.typenext3{
  background-image: url("http://clayong.speedgabia.com/detail/banner/md_left2_pc.jpg");
  left: 0px;
  opacity:0.5;
}

.typeprev3{
  background-image: url("http://clayong.speedgabia.com/detail/banner/md_right2_pc.jpg");
  left: 0px;
}


.swiper-button-next3,
.swiper-container-rtl3 .swiper-button-prev3 {

  background-image: url("http://clayong.speedgabia.com/detail/banner/md_right2_pc.jpg");
  right: 0px;
  margin-top:0px;
  opacity:0.5;
}

.swiper-button-prev3:hover,
.swiper-container-rtl3 .swiper-button-next3:hover {
  opacity:0.9;
  background-image: url("http://clayong.speedgabia.com/detail/banner/md_left2_pc.jpg");
  left: 0px;
  
}


.swiper-button-next3:hover,
.swiper-container-rtl3 .swiper-button-prev3:hover {
  opacity:0.9;
  background-image: url("http://clayong.speedgabia.com/detail/banner/md_right2_pc.jpg");
  right: 0px;
  margin-top:0px;
}





.swiper-button-prev2{
	position: absolute;
	top: 45%;
	width: 35px;
	height: 35px;
	z-index: 10;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	
	
}

.swiper-button-next2 {
	top: 45%;
	width: 35px;
	height: 35px;
	z-index: 10;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
}



.swiper-button-prev2.swiper-button-disabled,
.swiper-button-next2.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev2,
.swiper-container-rtl2 .swiper-button-next2 {
  background-image: url("http://clayong.speedgabia.com/detail/banner/md_left1.jpg");
  left: 0px;

}


.swiper-button-next2,
.swiper-container-rtl2 .swiper-button-prev2 {
  background-image: url("http://clayong.speedgabia.com/detail/banner/md_right1.jpg");
  right: 0px;
  margin-top: 0px;
}






.swiper-button-prev1,
.swiper-button-next1 {
  position: absolute;
  top: 50%;
  width: 77px;
  height: 77px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 77px 74px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev1.swiper-button-disabled,
.swiper-button-next1.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev1,
.swiper-container-rtl1 .swiper-button-next1 {
  background-image: url("http://clayong.com/design/envelope10/0669thefashion/md_left.gif");
  left: 0px;
  right: auto;
  margin-top: 500px;
}


.swiper-button-next1,
.swiper-container-rtl1 .swiper-button-prev1 {
  background-image: url("http://clayong.com/design/envelope10/0669thefashion/md_right.gif");
  right: 590px;
  margin-top: 500px;
}

    .swiper-container7 {
      width: 1400px;


    }

    .swiper-container6 {
      width: 810px;
      height: 600px;

    }

.swiper-nav{width:810px;}


/*** media query ***/
@media screen and (max-width:800px) {

.sliderkit .contentslider-std1{height:100%; position:none;}
.sliderkit {height:100%; position:none;}

  .main_img{width:100%;}

  #content{width:100%;}

  .contentslider-std1 .sliderkit-panel{width:100%;}
  .contentslider-std1 .sliderkit-panel

  a>#sub_banner{width:100%; height:300px;}

/*
  .contentslider-tab .sliderkit-nav-clip li.sliderkit-selected a{width:117px;}
  .contentslider-tab .sliderkit-nav-clip li{width:117px;}
  .contentslider-tab .sliderkit-nav-clip li:first-child{width:117px;}

  .contentslider-tab .sliderkit-nav-clip li:first-child{width:117px;}
*/

  #main .main_title {padding:55px 0px;}

  #main .main_title img{width:100%; margin:0 auto; }

  .new-prd-list{width:94%;}
  .new-prd-list .prd-list{
	/* background-color:#ddd;*/  width:94%; margin: 0 auto;
  }

  .prd-list table .info{padding:0px; width:160px;}

  .prd-list table td:nth-child(2){margin-left:-40px;}
  .prd-list table td:nth-child(3){margin-left:-40px;}
  .prd-list table td:nth-child(4){margin-left:-40px;}
  .prd-list table td:nth-child(5){margin-left:-40px;}

  .prd-list table td{float:left;}  
  
  .prd-list table .tb-center{border:none;}  
  .prd-list table .tb-center:hover{border:none;}


  .new-prd-list .prd-list .tb-center{border:none; margin:0 auto; padding:0px; text-align:center; min-height:370px; box-sizing:border-box; border:1px #fff solid;}
.new-prd-list .prd-list .tb-center{width:16.6%;}
  .new-prd-list .prd-list .thumb img{
	/* width:210px; height:210px; */ border:none; 
  }



  .new-prd-list .prd-list table .info{padding:0px; width:160px;}

  .prd-list table .info{float:left;}

  .prd-list .thumb{border:none;}

  .new-prd-list .prd-list table td:nth-child(2){margin-left:-40px;}
  .new-prd-list .prd-list table td:nth-child(3){margin-left:-40px;}
  .new-prd-list .prd-list table td:nth-child(4){margin-left:-40px;}
  .new-prd-list .prd-list table td:nth-child(5){margin-left:-40px;}

  .new-prd-list .prd-list table td{display:inline-block;}
  

  


  .recmd-prd-list{width:94%;}
  .recmd-prd-list .prd-list{
	/* background-color:#ddd;*/  width:94%; margin: 0 auto;
  }

  .recmd-prd-list .prd-list table .tb-center{border:none; margin:0 auto; padding:0px; text-align:center; min-height:370px;}


  .recmd-prd-list .prd-list .thumb img{
	width:210px; height:210px; border:none; 
  }

  

  .recmd-prd-list .prd-list table .info{padding:0px; width:160px;}


  .prd-list .thumb{border:none;}

  .recmd-prd-list .prd-list table td:nth-child(2){margin-left:-40px;}
  .recmd-prd-list .prd-list table td:nth-child(3){margin-left:-40px;}
  .recmd-prd-list .prd-list table td:nth-child(4){margin-left:-40px;}
  .recmd-prd-list .prd-list table td:nth-child(5){margin-left:-40px;}

  .recmd-prd-list .prd-list table td{float:left;}


.contentslider-tab .sliderkit-nav-clip li.sliderkit-selected a
}








@media (min-width: 1750px) and (max-width: 1919px) {

#tab-1 .prd-list .tb-center:nth-child(6),
#tab-2 .prd-list .tb-center:nth-child(6),
#tab-3 .prd-list .tb-center:nth-child(6),
#tab-4 .prd-list .tb-center:nth-child(6){clear:both;}
}

@media (min-width: 1680px) and (max-width: 1749px) {
}


@media (min-width: 1600px) and (max-width: 1679px) {
}


@media (min-width: 1440px) and (max-width: 1599px) {
.new-prd-list .prd-list .tb-center {min-height: 354px;}
}


@media (min-width: 1440px) and (max-width: 1599px) {
}

@media (max-width: 1439px) and (min-width: 1400px) {
	#tab-1 .prd-list table .tb-center, #tab-2 .prd-list table .tb-center, #tab-3 .prd-list table .tb-center, #tab-4 .prd-list table .tb-center{min-height:330px;}

	.new-prd-list .prd-list{width: 100%;}
	.new-prd-list .prd-list .tb-center {min-height:330px;}

}

@media (min-width: 1366px) and (max-width: 1399px) {
	#tab-1 .prd-list table .tb-center, #tab-2 .prd-list table .tb-center, #tab-3 .prd-list table .tb-center, #tab-4 .prd-list table .tb-center{min-height:330px;}

	.new-prd-list .prd-list{width: 100%;}
	.new-prd-list .prd-list .tb-center {min-height:330px;}
	.image-hover-text .image-hover-text-title{top:25%;}

/*	.fixed-img-collist ul li span:nth-child(2){font-size:11em;}*/
}

@media (min-width: 1360px) and (max-width: 1365px) {

}

@media (min-width: 1280px) and (max-width: 1359px) {

#tab-1 .prd-list table .tb-center, #tab-2 .prd-list table .tb-center, #tab-3 .prd-list table .tb-center, #tab-4 .prd-list table .tb-center{min-height:358px;}

.new-prd-list .prd-list .tb-center {min-height: 324px; }

}

@media (min-width: 1152px) and (max-width: 1279px) {

	.new-prd-list .prd-list .tb-center {min-height: 324px;}
	#tab-1 .prd-list .tb-center, #tab-2 .prd-list .tb-center, #tab-3 .prd-list .tb-center, #tab-4 .prd-list .tb-center{width: 20%;margin:0 auto;padding:0 5px;text-align:left;border: 1px solid #fff;position:relative;min-height: 348px;box-sizing:border-box;float:left;}
	
	.image-hover-text .image-hover-text-title{top: 20%;}




}

@media (min-width: 1024px) and (max-width: 1151px) {
	#tab-1 .prd-list .tb-center, #tab-2 .prd-list .tb-center, #tab-3 .prd-list .tb-center, #tab-4 .prd-list .tb-center{min-height:338px;}
	.new-prd-list .prd-list .tb-center {min-height: 314px;}
	.image-hover-text .image-hover-text-title{font-size: 12px !important;  display: block;  position:relative;  top: 22%;}
	.image-hover-text .image-hover-text-title h2{font-size: 14px !important;}

.fixed-img-collist ul li {display:inline-block;width: 48%;}



}

@media (min-width: 800px) and (max-width: 1023px){
	#tab-1 .prd-list .tb-center, #tab-2 .prd-list .tb-center, #tab-3 .prd-list .tb-center, #tab-4 .prd-list .tb-center{min-height:318px;}
	.new-prd-list .prd-list .tb-center {min-height:314px;}

}

@media (min-width: 768px) and (max-width: 799px) {
	#tab-1 .prd-list .tb-center, #tab-2 .prd-list .tb-center, #tab-3 .prd-list .tb-center, #tab-4 .prd-list .tb-center{min-height:318px;}
	.new-prd-list .prd-list .tb-center {min-height:314px;}

}


@media (min-width: 417px) and (max-width: 767px) {
   
}

/* BASIC css end */


/* BASIC css end */


/* BASIC css end */