@charset "utf-8";
/*************************************
*样式公用文件
*@mogumomo
*420128796
*2014-1-20
*project
*************************************/
/* CSS Document */

/*banner-box*/
.banner{height:600px; position:relative; z-index:10; width:100%;}
.banner .floats{ position:relative; z-index:20; }
.banner .d1{width:100%;height:600px;display:block;position:absolute;left:0px;top:0px;}
.banner .d2{ width:82px; height:18px; position:absolute; z-index:20; right:0px; float:right; top:540px; }
.banner .d2 ul{ float:right; height:18px;}
.banner .d2 li{width:14px;height:18px;overflow:hidden;cursor:pointer;background:url(../images/on.png) no-repeat center;float:left; margin-right:12px; display:inline-block; }
.banner .d2 li.nuw{background:url(../images/hover.png) no-repeat center;}
.goods{ width:168px; height:232px; position:absolute; top:216px; z-index:24;}
.goods a{ display:block; height:98px; line-height:98px; color:#fff; font-size:24px;}
.goods a.recommend{ background:url(../images/recommend.png) left top no-repeat; padding-left:10px; width:222px; margin-bottom:38px;}
.goods a.goods_shop{ background:url(../images/spot_goods.png) -6px top no-repeat; padding-left:76px; width:156px;}

/*product-box*/
.product-box{ width:100%; height:457px; background:url(../images/product_bg.png) center top no-repeat; margin-top:-40px; position:relative; z-index:20; overflow:hidden; padding-top:80px;}
.product{ }
.product-title{ margin:0 auto; text-align:center; margin-bottom:45px;}
.product-title h3{ font-size:24px; color:#301900; font-weight:normal; height:38px;}
.product-title span{ font-size:24px; color:#a7a7a7; font-family:Arial;}
.product-list{ position:relative; height:350px; overflow:hidden;} 
.prev,.next{ position:absolute; width:43px; height:116px; z-index:99; top:82px; cursor:pointer; }
.prev{ background:#fafafa url(../images/icon.png) 0 -23px no-repeat; left:0px; }
.next{ background:#fafafa url(../images/icon.png) -43px -23px no-repeat; right:2px;}
.prev.ad{ background:#fafafa url(../images/icon.png) 0 -139px no-repeat;}
.next.adc{ background:#fafafa url(../images/icon.png) -43px -139px;}
.pro-content{ width:1136px; position:relative; margin-left:47px;}
.pro-content-list{ height:340px; width:2000px; position:absolute; left:0px; top:0px;}
.pro-content-list li{ float:left; width:234px; height:326px; padding:14px 21px 0; text-align:center;}
.pro-content-list li.active{ background:#fafafa;}
.pro-content-list li .pro-img .maxImg{  margin:auto; margin-top:30px; display:block;}
.pro-content-list li .pro-img .minImg{  margin:auto; margin-top:30px; display:none;}
.pro-content-list li.active .pro-img .maxImg{  margin:auto; margin-top:30px; display:none; }
.pro-content-list li.active .pro-img .minImg{  margin:auto; margin-top:30px; display:block;}
.pro-content-list li.active a{border:none; height:34px; background:#f9a121; color:#fff;}
.pro-content-list li .pro-img{ width:100%; height:202px; background:url(../images/pro_img_bg.png) left top no-repeat; overflow:hidden; text-align:center;}
.pro-content-list li .pro-img span{ display:block; width:100%; height:180px; padding-top:20px; margin:auto; margin-top:30px;}

/*product icon*/
.pro-content-list li span{ margin-top:20px; font-size:24px; color:#301900; width:100%; display:block; margin-bottom:30px;}
.pro-content-list li .look{ display:inline-block;  width:148px; height:32px; border:1px solid #d9d9d9; color:#301900; text-align:center; line-height:32px; font-size:14px;}
.pro-content-list li look:hover{ border:none; height:34px; background:#f9a121; color:#fff;}

/*introducte-box*/
.introducte-box{ width:100%; height:492px; background:url(../images/introducte.png) center top no-repeat; position:relative; z-index:22;}
.introducte{ position:relative; width:1200px; height:492px; overflow:hidden;}
.choose{ height:100%; width:2400px; position:absolute; left:0px; top:0px;}
.info{ padding-top:120px; float:left; height:370px; width:1155px; padding-left:43px; }
.info h3{ margin-left:220px; font-size:30px; color:#513e00; height:44px; font-weight:normal; border-bottom:3px solid #fff;}
.info-text{ padding-left:220px; padding-top:10px; background:url(../images/info_bg.png) 28px top no-repeat; }
.info-text p{ margin-top:30px; color:#513e00; font-size:14px; line-height:30px; text-indent:30px;}
.swich{ position:absolute; width:84px; height:20px; right:40px; bottom:50px; }
.swich li{ float:left; width:22px; height:22px; background:url(../images/info_next%20.png) center center no-repeat; padding-right:20px; cursor:pointer;}
.swich li:hover,.swich li.on{ background:url(../images/info_prev.png) center center no-repeat;}

/*brand-box*/
.brand-box{ width:100%; height:412px; padding-top:80px; background:url(../images/brand_bg.png) center top no-repeat; margin-top:-41px; position:relative; z-index:23; overflow:hidden;}
.brand{ height:414px; position:relative;}
.brand .brand-swi{ width:2400px; height:414px; position:absolute; margin-top:80px; left:0px; top:0px;}
.brand .brand-swi>li{ float:left; width:1200px; height:414px;}
.brand-box .product-title h3{ color:#ffffff;}
.brand-box .product-title span{ color:#d9d9d9;}
.brand-text{ margin-top:80px; margin-left:70px;}
.brand-list li{ float:left; width:222px; height:110px; margin-right:58px;}
.brand-list li a{ display:inline-block; float:left; height:110px; width:220px; color:#fff; text-align:center;}
.brand-list li a .img{ border-radius:3px; border:2px solid #f59d6e; display:block;}
.brand-list li a span{ display:inline-block; margin-top:10px; font-size:18px; }

/*news-box*/
.news-box{ width:100%; height:474px; background:url(../images/product_bg.png) center top no-repeat; margin-top:-40px; position:relative; z-index:24; overflow:hidden; padding-top:94px;}
.news-box .product-title{ margin-bottom:60px;}
.news-list{ width:100%; height:324px; position:relative; overflow:hidden;}
.news-list .pro-content-list{ width:1200px;}
.news-list .pro-content-list li{ width:260px; height:314px; overflow:hidden; text-align:left; padding:16px 20px 0;}
.news-list .pro-content-list li.cur{ background:#fbfbfb;}
.news-list .pro-content-list li.cur .look{ border:none; height:34px; background:#f9a121; color:#fff;}
.news-list .pro-content-list li .pro-img{ background:none; height:118px; border:1px solid #b1ada3; border-radius:3px; overflow:hidden;}
.news-list .pro-content-list li .pro-img img{ margin-top:0px; width:100%; height:118px; display:block;}
.news-list .pro-content-list li span{ font-size:14px; color:#4d4d4d; margin-top:18px; line-height:24px; margin-bottom:28px;}

/*footer-box*/
.footer-box{ width:100%; height:400px; background:url(../images/footer_bg.jpg) left top repeat-x;}
.footer{ padding-top:36px;}
.footer .relation{ width:320px;}
.relation h3,.friendly h3{ font-size:24px; color:#fff; font-weight:normal; height:42px;}
.relation strong{ display:block; width:100%; height:84px; background:url(../images/tel.png) left top no-repeat; margin-bottom:22px;}
.relation span{ display:block; color:#ffffff; font-size:14px; margin-bottom:10px;}
.eq{ margin-top:50px; margin-left:94px; width:290px; height:102px;}
.eq span{ width:110px; height:102px; display:inline-block; float:left;  margin-right:30px;}
.eq span.weixin{ background:url(../images/eq_01.png) center center no-repeat;background-size:110px 102px;}
.eq span.xinlang{ background:url(../images/eq_02.png) center center no-repeat;background-size:110px 102px;}
.friendly{ width:470px;}
.friend-list{ margin-top:2px;}
.friendly li{ width:116px; margin-bottom:24px; float:left;}
.friendly li a{ color:#fff; font-size:14px; display:inline-block;}
.friendly li a:hover{ color:#CCC;}
.addres{ width:100%; height:70px; text-align:center; margin-top:20px; line-height:70px; color:#fff;}
.addres a{ display:inline-block; color:#fff; font-size:14px;}
.search{ margin-top:22px;}
.search .val{ width:196px; height:37px; line-height:37px\9; color:#c5c5c3; font-size:14px; padding-left:8px; background:url(../images/text.png) left center no-repeat;}
.search .btn{ width:72px; height:37px; cursor:pointer; background:url(../images/btn.png) left center no-repeat;}
.fix{width:100%;  background:#ef5e1b; height:78px; position:fixed; left:0px; bottom:0px; z-index:999;}
.fix-box{ }
.footer-naws{ margin-top:2px; }
.footer-naws li{ float:left; padding:0px 30px; height:76px; }
.footer-naws li a{ color:#fff; padding-top:48px; text-align: center; display:inline-block;}
.footer-naws li a.share{ background:url(../images/icon2.png) 0 0 no-repeat;}
.footer-naws li a.consult{ background:url(../images/icon2.png) 0 -80px no-repeat;}
.footer-naws li a.phone{ background:url(../images/icon2.png) 0 -160px no-repeat;}
.footer-naws li a.map{ background:url(../images/icon2.png) 0 -240px no-repeat;}
.footer-naws li a.weChat{ background:url(../images/icon2.png) 0 -320px no-repeat; width:40px;}
.footer-naws li a.micro-blog{ background:url(../images/icon2.png) 0 -400px no-repeat;}
.footer-naws li a.top{ background:url(../images/icon2.png) 0 -480px no-repeat;}
.footer-naws li a.home-page{ background:url(../images/icon2.png) 0 -560px no-repeat; width:30px;}


/*into-title-box*/
.into-title-box{ width:100%; height:88px; background:url(../images/into.png) center top no-repeat;}
.into-title{ padding-top:15px;}
.into-title h3{ color:#fff; font-size:30px; margin-bottom:22px;}
.into-title span{ color:#ff9862; font-size:24px; font-family:Arial;}
.into{ margin-top:-68px; padding-top:54px; z-index:40; padding-bottom:60px;}
.position{ width:100%; text-align:right; color:#301900; font-size:14px;}
.position a{ display:inline-block; font-size:14px; color:#8c795b;}
.position a.cur{ color:#ff3500;}
.into-main{ margin-top:28px;}
.into-menu{ width:232px;}
.into-menu li{height:48px; width:120px;  border-left:2px solid #d5d4d4;}
.into-menu li a{ height:48px; margin-left:-2px; line-height:48px; display:block; padding-left:30px; color:#301900; font-size:14px;}
.into-menu li a:hover,.into-menu li a.curent{ color:#ff3500; padding-left:28px; border-left:2px solid #ff5601;}
.pane_h{ height:1180px;}
.into-text{ width:968px;  min-height:506px; padding-top:16px; overflow:hidden;}
.con-title{ color:#513e00; font-size:30px; font-weight:normal; margin-bottom:30px;}
.into-text p{ color:#513e00; font-size:14px; line-height:30px; text-indent:28px; margin-bottom:6px;}
.summary{ margin-bottom:80px;}
.summary img{ margin-top:42px;}

/*culture*/
.culture span{ color:#513e00; font-size:18px;  width:100%;}
.culture span b{ font-size:14px; font-style:normal; font-weight:normal;}

/*honor*/
.honor{ padding-bottom:100px;}
.honor li{  position:relative; text-align: center; margin-right: 35px; margin-bottom:36px; float: left;}
.honor li .honor-img{ }
.honor li div img {width: 449px;height: 336px;}
.honor li span{ color:#513e00; font-size:14px; line-height: 36px;  display:inline-block;  }

/*witness*/
.witness span{ color:#513e00; margin:18px 0px 72px 0px; text-indent:30px; display:block; line-height:26px;}
.view{ height:226px; position:relative; margin-left: 74px; width: 385px; float: left; text-align: center;  margin-bottom:104px;}
.view .view-img{ width:385px; height:226px; }
.view .view-img img{ display:block; width:100%; height:100%;cursor: pointer;}
.view a{ color:#513e00; line-height: 36px; font-size:14px; display:inline-block;  }

/*service*/
.tabPanel{ height:34px; }
.tabPanel ul{ margin-bottom:34px;}
.tabPanel li{ float:left; cursor:pointer;  width:130px; height:34px; margin-right:16px; color:#513e00; text-align:center; line-height:34px;}
.tabPanel li.hit{ color:#fff; background:url(../images/tab_bg.png) center top no-repeat;}
.panes{ width:100%; }
.pane{ width:100%; height:1110px; display:none; /*overflow:hidden;*/ padding-top:5px;}
.pane .pane-img{ width:100%; height:212px; overflow:hidden;}
.pane .pane-img img{ display:block; width:100%; height:212px;}
.pane-text{}
.infos{ display:block; padding-top:28px; position:relative; padding-bottom:6px; border-bottom:1px solid #efefef;}
.infos dt{ display:block; height:30px; width: 100%;}
.infos dt a{ display:block; float:left; color:#513e00; padding-bottom:10px; font-size:16px; width: 100%;}
.infos dt a:hover{color:#ff5601;}
.infos dd{ color:#5d5d5d; font-size:14px; display: block;}
.PageList{ width:390px;  margin:auto; height:32px; margin-top:74px;}
.PageList a{color:#5d5d5d}

.PageList ul{ height:32px;}
.PageList li.first,.PageList li.last{ display:inline-block; width:64px; height:30px; background:#eeecec; text-align:center;  line-height:30px; color:#5d5d5d; margin-right:10px; float:left;}
.PageList li{ display:inline-block; margin-right:10px; float:left; width:30px; height:30px; text-align:center; line-height:30px; background:#eeecec; color:#5d5d5d;}
.PageList li:hover,.PageList li.cur{ background:#ff5601; height:28px; color:#fff; width:28px; border:1px solid #ff7835;}
.cur a{color: #fff;}
.PageList li.first:hover,.PageList li.first.cur{ width:62px;}
.PageList li.last.cur,.PageList li.last:hover{ width:62px;}
.trouble dt i{ display:inline-block; float:left; font-style:normal; color:#513e00;}
.loads dt,.loads dd{ width:860px;}
.pane .load{ position:absolute; width:100px; height:30px; right:0px; top:43px;}
.pane .load a{ display:block;  background:url(../images/load.png) center top no-repeat;  width:86px; padding-left:14px; line-height:30px; color:#5d5d5d; height:30px; }
.pane .load a:hover{ background:url(../images/load_hover.jpg) center top no-repeat; color:#fff;}


/*service-details*/
.recurrence{ float:right;width:86px; padding-left:14px; line-height:30px; color:#5d5d5d; height:30px; background:url(../images/load_hover.jpg) center top no-repeat; color:#fff; margin:15px 0px;}
.datails-list img{ margin-top:0px;}
.datails-text{ margin-top:40px;}
.datails-text h3{ color:#ff5601; font-size:18px; height:52px; font-weight:normal;}
.answer span{ width:26px; display:inline-block; line-height:24px; height:auto;}
.answer-text p{ width:920px; color:#5d5d5d; line-height:24px; text-indent:0px;}
.source{ margin-top:50px; height:16px; padding-left:26px; margin-bottom:120px;}
.source span{ display:inline-block; color:#5d5d5d; }
.next-problme span{ display:block; color:#5d5d5d; margin-bottom:24px;}
.next-problme span a{ display:inline-block; color:#5d5d5d;}
.next-problme span a:hover{ color:#ff5601;}
.infos-img{ width:170px; height:80px; margin-right:22px; }
.infos-img img{ width:100%; height:80px; display:block;}
.infos-text{ width:770px;}

/*new-details*/
.datails-news{ padding-top:66px;}
.datails-title{ height:86px; width:100%; text-align:center;}
.datails-title h3{ font-weight:normal; font-size:24px; color:#513e00;  margin-bottom:28px;}
.datails-title .source{ padding-left:0px; margin:0px;}
.new-text{ margin-top:12px; margin-bottom:40px;}
.new-text p{ color:#5d5d5d; line-height:26px; text-indent:26px; }



/*product*/
.product ul li{ margin-right:0px;}
.products-list{ margin-top:50px; overflow:hidden;}
.panes .products-list li{ float:left; width:190px; height:310px; overflow:hidden; margin-right:34px;}
.panes .products-list li.noma{ margin-right:34px;}
.products-list li .product-img{ width:183px; height:214px; border:1px solid #d5d4d4; text-align:center;}
.products-list li .product-img img{ max-width:183px; height:214px; display:block;margin: auto;}
.products-list li span{ color:#513e00; font-size:14px; margin-top:10px; float:left; margin-left:4px;}
.products .pane{ height:1300px;;}

/*product-details*/
/*.product-details{ padding-top:67px; padding-bottom:80px; }
.spec-preview{width:406px;height:294px;border:1px solid #d5d4d4; margin-right:40px;}*/

.projr_top{ margin:0px 50px 50px 50px; width:880px; }
.projr_top .protop_pic{ display:block; float:left; width:372px; height:291px;  border:1px solid #bfbfbf; margin-right:50px;}
.projr_top .protop_txt{ float:left; width:456px; height:291px; overflow:hidden;}
.protop_txt p{ height:30px; font:normal 14px/30px "微软雅黑"; color:#2c2c2c;}
.protop_txt p span{ font-weight:bold; padding-right:20px;}

/*图片放大效果*/
.preview{display:block; float:left; width:auto; height:auto;  border:1px solid #d5d4d4; margin-right:50px;}
/* bigImg */
.bigImg{position:relative; float:left; width:250px; height:290px;  z-index:99;  }
.bigImg #midimg{max-width:250px; height:290px;margin: auto;display: block;}
.bigImg #winSelector{width:135px; height:110px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #d5d4d4; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}



.product-text{ position:relative;}
.preview .magnifier{ position:absolute; right:0; bottom:0;}
.projr_top h3{ color:#513e00; font-size:24px; margin-top:0px; margin-bottom:15px;}
.projr_top .fxxx {}
.projr_top .fxxx span{ display:block; width:100%; color:#513e00; margin-bottom:15px;}
.description{ display:block; width:100%; border-top:1px solid #d5d4d4; padding:28px 0; color:#513e00;}
.description dt{ display:inline-block; width:82px; font-size:18px; float:left;  height:auto;}
.description dd{ display:inline-block; margin-left:26px; width:860px; line-height:30px; float:left; margin-top:-8px;}


/*relation*/
.relation .titles{ font-size:18px; margin-bottom:20px;}
.relations{ background:url(../images/relation.jpg) right bottom no-repeat; height:418px;color:#513e00; font-size:16px;line-height:38px;}
.relations span{ color:#513e00; font-size:16px; width:100%; display:block; line-height:38px;}
.relations span b{ width:80px; text-align:right; display:inline-block; font-weight:normal;}

/*room*/
.room{ padding-bottom:40px;}
.room .pane{ height:auto;}

/*contact*/
.contact{ }
.contact li{ width:100%; line-height:37px; margin-bottom:12px;}
.contact li span{ display:inline-block; width:86px; height:37px; line-height:37px; text-align:right; color:#513e00; margin-right:14px; float:left;}
.contact li .text{ width:291px; height:37px; float:left; background:#f3f3f3; line-height:37px\9; padding-left:5px;}
.contact li .areas{ width:630px; height:264px; background:#f3f3f3; line-height:20px; font-size:14px; padding-top:10px; text-indent:10px; }
.contact li .searchs{ width:140px; height:37px; line-height:37px\9; background:#f3f3f3; padding-left:5px; float:left;}
.contact li  b{ cursor: pointer; font-weight:normal; display:inline-block; float:left; width:146px; height:37px; line-height:37px; color:#513e00;}
.contact li  .shr{ /*background:url(../temp/erwei.jpg) left top no-repeat;*/ height:37px;float: left;margin-left:12px; margin-right:12px;}
.contact li .affirm{ width:184px; height:46px; text-align:center; line-height:46px; background:#ff5601; color:#fff; margin-left:336px; font-size:18px; margin-top:50px;cursor: pointer;}


/*message*/
.message ul{ height:300px; width:50%; float:left; color:#513e00;}
.message li{ float:left; width:100%; clear:none;}

.message .qq li span{ display:inline-block;}
.message .qq li em{ font-style:normal; display:inline-block; float:left; font-weight:normal;}
.message .qq{ text-align:left;}

/*引用百度地图API*/
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

/*join*/
.join{ padding-bottom:80px;}
.join .pane{ height:auto;}
.pane h3{ text-align:center; color:#513e00; font-size:18px; line-height:50px; margin-bottom:30px; font-weight:normal;}
.join .jions p{ margin-top:48px;}
.apply{ width:100%; border:1px solid #b1b1b1; color:#513e00;}
.apply tr{ height:50px; border-bottom:1px solid #b1b1b1;}
.apply tr td{ width:138px;  border:1px solid #b1b1b1; height:50px; padding-right:12px; padding-left:5px; color:#513e00; text-align:right;}
.join .apply tr td.hides{ border-right:none;}
.join .apply tr td .test{ width:100%; height:37px; line-height:37px\9;}
.join .apply tr td.paddings-min{ padding-right:1px; padding-left:2px;}
.join .apply .ridios{ width:100%;}
.ridios td{ border:none;}
.ridios .attente{ width:594px;}
.ridios .attente li{ float:left; height:38px; text-align:left; line-height:38px; color:#513e00; width:140px; padding-left:8px;}
.ridios .attente li input{text-align:left;}
.apply .remarks span{ float:left; *width:600px; margin-left:106px;}
.explain{ margin-top:40px; color:#513e00;}
.explain h3{ font-size:14px; font-weight:normal; padding-left:8px; margin-bottom:12px; float:left; }
.explain-text{ padding:0 8px; line-height:26px;}
.join .explain-text span{ width:928px; height:48px; display:inline-block; }
.join .sulin{ width:186px; height:44px; line-height:44px; text-align:center; color: #fff; background:#ff5601; font-size:18px; margin:auto;cursor: pointer;}
.join .subitext{ width:186px; margin:auto; height:44px; display:block; margin-top:50px; margin-bottom:10px;}

/*order*/
.order ul{ margin-bottom:70px; overflow:hidden;}
.order strong{ font-weight:normal; color:#ff5601; margin-bottom:22px; padding-left:14px; display:block;}
.into-text .order .text{ width:280px;}
.order span i{ display:inline-block; width:14px; height:14px; background:url(../images/order.png) right center no-repeat;}
.order .bale li{ width:400px; float:left;}
.order .bale li.directe{ width:262px; margin-right:0px;}
.order .bale li.test4{ width:430px;}
.order .bale li .test1{ width:156px; margin-right:0px;}
.order .bale li .test3{ width:123px; margin-right:5px; }
.order .bale li.test2{ width:214px; margin-right:0px;}
.into-text .order .bale li .spa1{ width:52px; margin-right:0px; text-align:center;}
.order .bale li.withs{ width:100%;}
.order .bale li.withs .areas{ width:710px; margin-bottom:15px; }
.order .bale li .heihs{ height:126px;}
.order .bale .texts{ padding-left:20px; width:100%;}
.order .bale .texts p{ color:#513e00; line-height:24px; }

.tips{color: red;margin-left:10px;display: none;}
.tips_success{color: green;margin-left:10px;display: none;}
.tips_faild{color: red;margin-left:10px;display: none;}

/* tsShopContainer */
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{position:relative;font-size:12px;width:auto; height:auto}
#tsShopContainer #tsImgS{text-align:center;width:auto; z-index: 100;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto; border:1px solid #fff;}
#tsShopContainer #tsImgS img{border:0px; *height: 290px !important; width: 316px;height: auto;}
#tsShopContainer #tsPicContainer{width:100%; }
#tsShopContainer #tsPicContainer #tsImgSArrL{width:24px;height:100%;background:url(../images/shop-prev.jpg) center no-repeat;position:absolute;top:0px;left:8px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:24px;height:100%;background:url(../images/shop-next.jpg) center no-repeat;position:absolute;top:0px;right:8px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:200px; width:650px; left:330px; }
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;  }
#tsShopContainer #tsPicContainer #tsImgSCon li{border:1px solid  #e4e4e4;width:50px; height:58px; overflow: hidden; margin-bottom:15px; margin-right:20px;float:left;cursor:pointer;text-align: center;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{height:58px !important; max-width: 50px; display: block; margin: 0 auto; }
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{margin:0 auto;}



.placeholder { color: #9b9999; }
.MagicZoomBigImageCont { border:1px solid #91b817; background:#FFF; }
.MagicZoomMain { text-align: center !important; width: 92px;}
.MagicZoomMain div { padding: 0px !important;}
.MagicZoomHeader {font:10px Tahoma, Verdana, Arial, sans-serif; color:#fff; background:#91b817; text-align:center !important; }
.MagicZoomPup { border:0px solid #aaa; background:#ffffff; position: relative;; z-index: 999;}
.MagicZoomLoading {text-align:center; background:#ffffff;color:#444;border:1px solid #ccc;opacity:0.8; padding:3px 3px 3px 3px !important; display:none;}
.MagicZoomLoading img { padding-top:3px !important;}