@import url(http://fonts.googleapis.com/css?family=Open+Sans);
*{ margin:0; padding:0;}
html,body {color: #666; font-size: 12px; display: block; line-height: normal;font-family:  "Hiragino Sans GB","helvetica","microsoft yahei" ;}
article,aside,dialog,footer,header,section,nav,figure,menu,time{display:block;}
a{ text-decoration: none; color: #000;  }
a:hover{ text-decoration: none; }


.whowhatwear-container{ width: 1116px; position: relative; overflow: hidden; margin: 0 auto; }
.whowhatwear-head{ height: 55px; border-bottom: 1px solid #C7C7C7; width: 1200px; margin: 0 auto 30px;}
.whowhatwear-head .logo{ width: 444px; border-right: 1px solid #c7c7c7; text-align: center; padding: 15px 0 0; height: 40px;  float: left;}
.whowhatwear-head ul{ text-align: center; overflow: hidden; padding: 0 30px; }
.whowhatwear-head li{ width: 33.33%; float: left; height: 55px; line-height: 55px; font-size: 14px;}
.whowhatwear-head li span{font-family: calibri;  margin: 0 5px 0 0; letter-spacing: 2px;}

.www-slides-wrap{ width: 792px; height: 452px; float: left; position: relative; overflow: hidden;}
#www-slides{  position: relative; width: 790px; height: 450px; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9;}
#www-slides .pic{ width: 50%; float: left; overflow: hidden; height: 450px; border-left: 1px solid #D9D9D9;}
#www-slides .pic img{ width: 100%; height: auto;  }
#www-slides .cont{ overflow: hidden; height: 450px; zoom: 1; padding: 0 0 0 35px;border-right: 1px solid #D9D9D9; }
#www-slides .date{ font-size: 12px;  font-family: 'Open Sans','helvetica'; color: #BCBCBC; letter-spacing: 1px;height: 30px; line-height: 30px; border-bottom: 1px solid #F2F2F2; padding: 0 10px 0 0; }
#www-slides h2{ font-size: 20px; padding: 35px 80px 0 0; line-height: 1.5; }
#www-slides h2 a{ color: #000; font-weight: normal; }
#www-slides p{ font-size: 14px; padding: 5px 80px 0 0; color: #000; line-height: 1.78;}
#www-slides .slidesjs-pagination{ position: absolute; right: 0; top: 410px;  z-index: 14; text-align: center; width: 50%;}
#www-slides .slidesjs-pagination li{ display: inline-block; width: 10px; height: 10px; overflow: hidden; background: #ABAAAA; text-indent: -999em; margin: 0 15px; border-radius:50%; }
#www-slides .slidesjs-pagination li a{ display: block; width: 10px; height: 10px; }
#www-slides .slidesjs-pagination li .active{ background: #000; }
#www-slides .slidesjs-navigation{ position: absolute; top: 50%; margin-top: -33px; width: 66px; height: 66px; overflow: hidden; background: #fff; border: 1px solid #ccc; border-radius:50%; z-index: 14; text-indent: -999em;}
#www-slides .slidesjs-stop,#www-slides .slidesjs-play{ display: none; }
#www-slides .slidesjs-previous{ left: -33px; background:#fff url(../img/arr-left.png) 60% 50% no-repeat;}
#www-slides .slidesjs-next{ right: -33px; background:#fff url(../img/arr-right.png) 40% 50% no-repeat; }

.www-list-item{ margin: 30px 400px 30px 0; overflow: hidden; position: relative; }
.www-list-item .pic{ float: left; border: 1px solid #C7C7C7; }
.www-list-item .pic img{ width: 300px; height: 400px; }
.www-list-item .cont{ padding: 0 0 0 30px; overflow: hidden; }
.www-list-item .date{ font-size: 12px;  font-family: 'Open Sans','helvetica'; color: #BCBCBC; letter-spacing: 1px; height: 30px; line-height: 30px; border-bottom: 1px solid #F2F2F2;}
.www-list-item h2{ font-size: 20px; padding: 35px 0 0;  line-height: 1.5;}
.www-list-item h2 a{ color: #000; font-weight: normal; }
.www-list-item p{ font-size: 14px; padding: 5px 0 0; color: #000; line-height: 1.78;}