/*banner*/
.bigPicbox{ width:100%; height:500px;overflow:hidden; position:relative;}
.slider{ width:100%; height:500px;}
.slider div{ width:100%; height:500px; background-position:50% 50%; background-repeat:no-repeat;}
#arrow{ width:100%; height:500px; position:absolute; left:0; top:0; z-index:10;}
#pager{ width:1100px; height:14px; margin:0 auto; text-align:center; position:absolute; bottom:24px; padding-left:510px;}
#pager a{display:block; width:14px; height:14px; margin-left:10px; background:url(../images/circle2.png) no-repeat;text-indent:2000000px; float:left;}
#pager a.activeSlide{background:url(../images/circle1.png) no-repeat;}

.other{margin-top:40px;}
.other ul li{ float:left; margin-left:40px; width:340px; height:160px; overflow:hidden; position:relative;}
.other ul li:first-child{ margin-left:0;}
.other .info{ width:340px; height:160px; background:#fff; opacity:0.1; position:absolute; top:0; left:0; display:none;}
.other ul li a:hover .info{ display:block;}

.about{ margin-top:40px;}
.women{ width:530px;}
.title{ border-bottom:2px solid #d9d9d9; font-size:18px; text-transform:uppercase; font-weight:bold; font-style:italic; margin-bottom:20px;}
.title a{ color:#333;}
.title a:hover{ color:#008ec3;}
.women ul li{ width:264px; height:159px; overflow:hidden; float:left; position:relative;}
.women ul li .kedi{ position:absolute; left:10%; top:44%;; font-size:18px; color:#fff; text-transform:uppercase;}
.women ul li .kedi:hover{ color:#008ec3;text-shadow: #fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
-webkit-text-shadow: #fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
-moz-text-shadow: #fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
*filter: Glow(color=#fff, strength=1);}
.news{ width:530px;}
.latest .tu{ width:270px; height:203px; background:url(../images/newbg_23.png) no-repeat; padding:10px;}
.latest .tu img{ width:268px; height:200px;}
.wen{ width:226px; color:#666;}
.wen h5 a{ font-size:16px; margin-bottom:6px; display:block; color:#333;}
.wen h5 a:hover{ color:#008ec3;}
.latest{ border-bottom:1px dotted #333; padding-bottom:15px; margin-bottom:10px;}
.news ul li a{ color:#333; width:440px; overflow:hidden; float:left;line-height:24px;}
.news ul li span{ float:right; line-height:24px;}
.news ul li a:hover{ color:#008ec3;}

.probox{ margin-top:40px;}
.probox ul li{ float:left; margin-right:20px; width:260px; overflow:hidden; margin-bottom:20px;}
.probox ul .da{ width:260px; height:252px; overflow:hidden;}
.probox ul .da img{ width:100%;}
.probox .timu{ height:48px; line-height:48px; background:#008ec3;text-align:center;color:#fff; font-size:18px; text-transform:capitalize;}

/* 本例子css */
/*.product_img{ width:700px; height:810px; overflow:hidden; position:relative; padding:0px; margin:0px auto; margin-top:20px}
.product_img>.hd{ height:200px; overflow:hidden; position:absolute; right:0px; top:610px; z-index:1; width:700px;}
.product_img>.hd>ul{ overflow:hidden; zoom:1; float:left; margin-top:0px;}
.product_img>.hd>ul>li{ float:left; margin-right:8px; margin-left:0px;  width:70px; height:60px; cursor:pointer; margin-bottom:10px;}
.product_img>.hd>ul li.on img{ border:#06F solid 1px;}
.product_img>.hd>ul>li>img{ width:68px; height:58px; border:solid 1px #CCCCCC;}
.product_img>.bd{ position:relative; height:600px; z-index:0; overflow:hidden; padding:0px; margin:0px;}
.product_img>.bd>li{ zoom:1; vertical-align:middle; height:600px; padding:0px; margin:0px;}
.product_img>.bd>img{ width:700px; height:600px; display:block;  }*/
.product_img{ width:790px;}
.product_img ul{ margin-top:30px;}
.product_img ul li{ width:170px; height:190px; margin:13px; margin-bottom:20px; float:left; overflow:hidden;}
.product_img ul li img{ width:170px; height:170px;}
.product_img ul li div{ text-align:center;}