/* BASIC css start */
#content #main .swiper-pagination {width:82%;}
#content #main .swiper-pagination .swiper-pagination-bullet {width:12px !important; height:12px !important; margin:0 10px 0 0 !important; border-radius:5px 6px 6px 6px !important;}
#main .visual {width:100%; *zoom:1; }
#main .visual:after {content:""; display:block; clear:both;}
#main .visual .rolling1 {width:100%; overflow:hidden; margin:0 0 30px 0;  }
#main .visual .banArea {float:right; width:395px; overflow:hidden;}
#main .product_tab {margin:33px auto 0 auto; width:1192px;}
#f2s-rolling-container1 .swiper-button-prev i { color: rgb(255, 255, 255); font-size: 100%; padding-left: 364px;}
#f2s-rolling-container1 .swiper-button-next i { color: rgb(255, 255, 255); font-size: 100%; padding-right: 364px;}


 /* jssor slider thumbnail navigator skin 12 css *//*
.jssort12 .p            (normal)
.jssort12 .p:hover      (normal mouseover)
.jssort12 .pav          (active)
.jssort12 .pav:hover    (active mouseover)
.jssort12 .pdn          (mousedown)
*/
.jssort12 .w {cursor: pointer; position: absolute; WIDTH: 170px; HEIGHT: 36px; top: 0px; left:0px;}
.jssort12 .p {    position: absolute;    width: 170px;    height: 36px;    top: 0;    left: 0;    padding: 0px;}
.jssort12 .pav .w, .jssort12 .pdn .w {}
.jssort12 .c {    width: 100%;    height: 100%; position: absolute; top: 0; left: 0; line-height:36px; text-align: center; font-family: 'Metrophobic', Arial, serif; font-weight: 300; color:#010101; font-size:13px; background:url(/design/girlsje/image/itabBG.gif) 0 0 no-repeat;}
.jssort12 .p .c, .jssort12 .pav:hover .c { }
.jssort12 .pav .c, .jssort12 .p:hover .c {background:url(/design/girlsje/image/itabBGov.gif) 0 0 no-repeat;}

#jssor_1 {position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1192px; height: 545px; overflow: hidden; visibility: hidden;}
#jssor_1 .slide_con {position: absolute; top: 0px; left: 0px; width: 1192px; height: 545px;}



#main .product_tab .utab {width:100%; margin:0 0 10px 1px; *zoom:1;}
#main .product_tab .utab:after {content:""; display:block; clear:both;}
#main .product_tab .utab li {
       float:left; margin-left:-1px; padding:10px 0; text-align:center; width:14.1%; border:1px solid #b3b3b3; border-bottom:2px solid #000;
       font-family: 'Metrophobic', Arial, serif; font-weight: 300; color:#010101; font-size:13px; cursor:pointer; 
}
#main .product_tab .utab li.active, #main .product_tab .utab li:hover {border:2px solid #000; border-bottom:none;}




#main .product_tab .ucont div {margin-bottom:45px; margin-left:-6px; *zoom:1;}
#main .product_tab .ucont div:after {content:""; display:block; clear:both;}
#main .product_tab .ucont div.db {display:block;}
#main .product_tab .ucont div li {float:left; margin:0 0 6px 6px; width:167px; height:242px; text-align:center; overflow:hidden;}
#main .product_tab .ucont div li img {width:auto; height:242px;}
#main .product_tab .ucont div li.tabimgNum1 {width:500px; height:490px;}
#main .product_tab .ucont div li.tabimgNum1 img {width:500px; height:auto;}


.thumb {height:450px;}


/* best-evt */
#main .best-evt { zoom: 1; overflow: hidden; margin-top: 20px; }
/* slideBestEvt */
#main #slideBestEvt { float: left; width: auto; border-left: 0; }
/* hashBestEvt */
#main #hashBestEvt { position: relative; float: right; }
/* headlineBanner */
#main #headlineBanner { position: relative; margin-top: 20px; }
/* mdItem */
#main #mdItem { position: relative; margin-top: 20px; }
/* BASIC css end */