@charset "utf-8";
/* CSS Document */
.picbig{ overflow: hidden;}
.show_brand_big_pic{ background:url(../images/bgBrand_03.png) #FFF no-repeat left top; width:760px; height:492px; margin-top:-246px; position:relative;}
.show_brand_big_pic .close,.profile .close,.product .close{ display:block; position:absolute; width:25px; height:25px; right:10px; top:6px;}
.show_brand_big_pic .close_n{ display:block; position:absolute; width:25px; height:25px; right:10px; top:6px; background:url(../images/close1.png) no-repeat center center;}
.show_brand_big_pic .picshow{ padding:85px 0px 0px 45px;}
.show_brand_big_pic .picshow .piclist{ float:left; width:200px; height:350px;}
.show_brand_big_pic .picshow .piclist ul li{ float:left; margin-right:10px; margin-bottom:10px;}
.show_brand_big_pic .picshow .piclist ul li img{ float:left;}
.show_brand_big_pic .picshow .picbig{ float:right; margin-right:45px; margin-top:30px;}
.brand .picshow .picbig{ width:450px; text-align:center;}

.profile{ background:url(../images/profile.png) #FFF no-repeat left top; width:760px; height:490px; margin-top:-246px; position:relative;}
.product{ background:url(../images/product.png) #FFF no-repeat left top; width:760px; height:490px; margin-top:-246px; position:relative;}
.product_publish{ background:url(../images/bgproductpublish.png) #FFF no-repeat left top; width:760px; height:492px; margin-top:-246px; position:relative;}
.product_publish_n{ background:url(../images/coming.png) #c0bab7 no-repeat center center; width:760px; height:492px; margin-top:-246px; position:relative;}
.product_publish .picshow{ padding:90px 0px 0px 95px;}
.product_publish .picshow .picbig{ float:right; margin-right:45px; margin-top:0px; width:420px; text-align:center;}
.product_publish .snav{ position:absolute; left:145px; top:10px;}
.product_publish .snav a{ display:block; float:left; height:51px; width:189px; background-image:url(../images/product_nav.png);}
.product_publish .snav a.nav1{ background-position:left top;}
.product_publish .snav a.nav2{ background-position:-189px top;}
.product_publish .snav a.nav3{ background-position:-378px top;}
.product_publish1{ background:url(../images/PoeticalSketches.png) #FFF no-repeat left top; width:520px; height:362px; margin-left:-260px; margin-top:-181px; position:relative;}
.product_publish2{ background:url(../images/RhythmOfShadow.png) #FFF no-repeat left top; width:520px; height:362px; margin-left:-260px; margin-top:-181px; position:relative;}
.newsdetail{ background:url(../images/bgnews.png) #FFF no-repeat left top; width:760px; height:492px; margin-top:-246px; position:relative;}
.newsdetail .picshow{ padding:60px 0px 0px 45px;}
.newsdetail .picshow .piclist{ float:left; width:410px; height:400px;}
.newsdetail .picshow .picbig{ float:right; margin-right:45px; margin-top:0px;}
.showstore{ background:url(../images/bgstore.png) #FFF no-repeat left top; width:760px; height:635px; margin-top:-317px; position:relative;}
.showstore .mCSB_inside > .mCSB_container{ margin-right: 0px; margin-left: 35px;}
.showstore .mCSB_scrollTools{ right: auto; left: 0px;}
.showstore .picshow .picbig{ margin-right: 30px;}
.showstore .picshow{ padding:85px 0px 0px 30px;}
.showstore .picshow .piclist{ float:left; width:440px; height:205px; margin-bottom:20px;}
.showstore .picshow .picbig{ width:254px; margin-top:0px;}
.showstore .picshow .picbig .storeup,.showstore .picshow .picbig .storedown{ display:block; text-align:center;}
.showstore .picshow .picbig .storelist{ width:254px; height:463px; background:url(../images/store_07.png) no-repeat left top; margin:15px 0px; overflow:hidden;}
.showstore .picshow .picbig .storelist .picitem{ text-align:center; background:url(../images/store_line.png) no-repeat center bottom; padding-bottom:15px;  padding-top:15px; cursor: pointer;}
.showstore .picshow .storebigpic{ width: 403px; height: 270px; overflow: hidden; margin-left: 15px;}
.share{ background:url(../images/bgshare.jpg) #FFF no-repeat left top; width:760px; height:492px; margin-top:-246px; position:relative;}
.share .picshow{ padding:60px 0px 0px 45px;}
.share .picshow .piclist{ float:right; width:310px; height:370px; margin-right:100px;}
.share .picshow .picbig{ float:left; margin-left:30px; margin-top:50px; width:174px;}
.share .picshow .picbig .storeup,.share .picshow .picbig .storedown{ display:block; text-align:center;}
.share .picshow .picbig .storelist .picitem{ text-align:center; background:url(../images/shareline.png) no-repeat center bottom; padding-bottom:5px;  padding-top:5px;}
.share .picshow .picbig .storelist{ width:174px; height:292px; background:url(../images/bgsharepic.png) no-repeat left top; margin:15px 0px; overflow:hidden;}
.vip{ background:url(../images/bgvip.png) no-repeat left top; width:760px; height:492px; margin-top:-246px; position:relative;}
.vip .picshow .piclist{ float:none; width:700px; height:370px;}
.friendlink{ background:url(../images/bgfriendlink.jpg) no-repeat left top; width:760px; height:492px; margin-top:-246px; position:relative;}
.friendlink .friendlinka{ padding:90px 0px 0px 60px;}
.friendlink .friendlinka a{ display:block; width:210px; height:120px; float:left;}
.hr{ background:url(../images/bghr.jpg) no-repeat left top; width:760px; height:492px; margin-top:-246px; position:relative; color:#362014;}
.hr select{ margin-top:10px;}
.hr .container .sel{ padding:15px 0px 10px 0px; line-height:20px;}
.hr .container .sel .item{ float:left;}
.hr .container{ padding:210px 0px 0px 185px;}
.hr .container table{ width:100%; color:#362014; margin-top: 15px;}
.hr .container table th{ height:30px; font-size:16px; text-align:left;}
.hr .container table td{ height:27px; font-size:12px;}
.hr .selitemval a{ color:#362014; text-decoration:none;}
.hrdetail{ background:url(../images/bghr_03.png) no-repeat left top; width:760px; height:492px; position:relative; color:#362014; display:none;}
.hrdetail .title{ font-size:16px; font-weight:bold; padding-bottom:20px;}
.hrdetail .content{ height:300px; overflow:auto;}
.hrdetail .hrinfo{ margin-left:200px; margin-top:115px;}
.ui-widget-content{ background:url(../images/bgselitem.png) no-repeat left top; border:none;}
.ui-widget-content .ui-state-focus{ background:none;}
.ercodeinfo{ background:url(../images/bgercode.jpg) no-repeat left top; width:760px; height:492px; margin-top:-246px; position:relative; color:#362014;}
.ercodeinfo .container table td{ text-align:center; height:23px; line-height:15px;}
.ercodeinfo select{ width:80px; margin-top:5px;}
.ercodeinfo .container{ padding:220px 100px 0px 185px; text-align:center;}
.ercodeinfo input{ background:url(../images/bginput2.png) no-repeat left center; width:222px; border:none; height:27px; text-align:center; color:#362014;}
.hr .selitem .seldefault{ background:url(../images/bgselect.png) no-repeat right top; padding:0px 30px 0px 10px; margin:0px 10px; cursor:pointer; width:48px;}
.hr .selitem .seloption{ background:url(../images/bgselitem.png) no-repeat right top; padding:10px 30px 10px 10px; margin:0px 10px; cursor:pointer; position:absolute; display:none;}
.hr .selitem .seloption li:hover{ font-weight:bold;}
.ercode .ercodea{ position:absolute; display:block; width:20px; height:20px; top:-20px; cursor: pointer; z-index: 1000;}
.ercode .sina{ left:10px; top:10px;}
.ercode .weixin{ left:35px; top:10px;}
.ercode .dou{ left:55px; top:10px;}
.ercode .tmall{ left:10px; top:32px;}
.ercode .taobao{ left:35px; top:32px;}
.ercode .jd{ left:55px; top:32px;}
.ercode .ordernews{ left:80px; top:15px; width:30px; height:30px;}
.ercode .music{ left:125px; top:15px; width:30px; height:30px; background:url(../images/btmusic.png) no-repeat 0px top;}
.ercode img{ position: absolute; bottom: 0px; left: 2px;}

.relative{ position:relative;}
.relativeErcode{ position:relative; background: url(../images/ercode.png) no-repeat center center; width: 162px; height: 211px}

.lirenProPic1{ display: none; position: absolute; top: 0px; left: -550px; z-index: 1000;}
.lirenProPic2{ display: none; position: absolute; top: 0px; right: -520px; z-index: 1000;}
.logostory{ background:url(../images/logostory.jpg) #FFF no-repeat left top; width:760px; height:492px;  margin-top:-246px; position:relative;}