/*   
Theme Name: 魔术滚轴
Theme URI:http://www.themepark.com.cn/
Description: WEB主题公园所出品的一款swiper框架主题，对移动设备的运行非常流畅，并且兼容web主题公园所出品的购物盒子WordPress插件，可以建立一个带有购物车、小型论坛、qq登录和本地化留言框等强大功能的主题。
Author:WEB主题公园
Author URI: http://www.themepark.com.cn/
Version: 1.13
*/

* {margin: 0;padding: 0}
body {background: white;font: 14px/1.4 Georgia,Serif;font-family: 微软雅黑,Arial,Helvetica,sans-serif; background:#fff; width:100%; position:relative; display:block; }
.screen-reader-text {position: absolute;left: -9999px;top: -9999px}
.clear {clear: both}
.group: after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0}
* html .group,*: first-child+html .group {zoom: 1}
a{ text-decoration:none;}
img{ border:none;max-width:100%; height:auto;}
li,ul,ol{ list-style:none }
b a,h2 a{ color:#333;}
.nolineheight,.enter .nolineheight p, .nolineheight img{ line-height:0 ; border:none;}
.header{ width:100%; height:66px; position: fixed;  z-index:1000; }
.header_background{ width:100%; height:65px; position:absolute; top:0; left:0; z-index:1; background:#000;opacity:0.5;filter:Alpha(opacity=50); border-bottom:solid 1px #fff;}
.header_in{ width:100%; max-width:1024px; height:65px; margin:0 auto; position:relative; z-index:2;}
.header_in .logo{ display:block; font-size:0; max-height:65px; width:auto; max-width:70%; float:left; overflow:hidden;}
@media screen and (min-width:737px) and (max-width:2000px){.header_in .header_btn_s{ float:right; height:65px; width:auto; position:relative; z-index:2; }
.header_in .header_btn_s a,.header_in .header_btn_s span{ font-size:14px; display:block; float:left; margin:16px 0 0 15px; border-radius:5px; background-image:url('../images/Sprites.png'); background-repeat:no-repeat; cursor: pointer;}
.header_in .header_btn_s a:hover{ text-decoration:none;}
.header_in .header_btn_s a.product_b{padding:5px 18px 5px 10px; background-position:71px 10px;  }
.header_in .header_btn_s a.reg_b{padding:5px 10px 5px 26px;  background-position:7px -26px;  }
.header_in .header_btn_s a.log_b{padding:5px 10px 5px 26px; background-position:7px -65px;  }
.nav_pic_swiper{width:29%;}
#header_menu{width:68%;}
.header_in .header_btn_s em a{ font-size:12px; color:#FFF; background:none; line-height:33px;}
}
#header_pic_menu  .sub-menu{ display:none;}
@media screen and (min-width:200px) and (max-width:736px){
.header_in .header_btn_s{ float:right; height:65px; width:auto; position:relative; z-index:2; }
.header_in .header_btn_s a,.header_in .header_btn_s span{ font-size:14px; display:block; float:left; margin:16px 0 0 15px; border-radius:5px; background-image:url('../images/Sprites.png'); background-repeat:no-repeat; cursor: pointer;}
.header_in .header_btn_s a:hover{ text-decoration:none;}

.header_in .header_btn_s a.product_b{padding:5px 18px 5px 10px; background-position:71px 10px; display:none;}
.header_in .header_btn_s a.reg_b{padding:5px 10px 5px 26px;  background-position:7px -26px; display:none;}
.header_in .header_btn_s a.log_b{padding:5px 10px 5px 26px; background-position:7px -65px; display:none;}	
#header_menu{ width:100%;}	
 .nav_pic_swiper{ width:98%; z-index:10;}	
#product_nav{ width:96%; height: auto; padding:2%; }
#product_nav #header_menu{ height: auto; width:100%; }
.prodnav-wrapper{ height:300px; width:100%; overflow:hidden; float:left;}
#product_nav #header_menu li{ display:block; width:100%; height:auto;}
.left_mian{ display:none;}
	}
.header_in .header_btn_s .light_b{color:#FFF;  border:solid 1px #FFFFFF;}
.header_in .header_btn_s span#nav_b{  font-size:14px; display:block; float:left; margin:11px 5px 0 0; padding:10px 0 10px 40px;}
.header_in .header_btn_s .light_span{ background-position:0px -130px;color:#FFF;}
.heaer_nav_drog{ position:absolute; top:66px; width:100%; left:0; box-shadow: inset 0 0 5px #000;}
.heaer_nav_drog .header_background{ height:99%;opacity:0.7;filter:Alpha(opacity=70); }
.header_nav_drog_in{ width:100%; overflow:hidden; max-width:1024px; padding:10px 0; height:auto; margin:0 auto; position:relative; z-index:2 !important; }
.nav_pic_swiper{ float:left;  height:auto; overflow:hidden;border:solid 1px #FFFFFF; position:relative; max-height:150px;}
.nav_pic_swiper a{ font-size:0;}
.next_prve{ display:block;width:50px;height:45px;opacity:0;filter:Alpha(opacity=0);  position:absolute; overflow:hidden; top:30%;-moz-transition:all 0.7s;-webkit-transition:all 0.7s;-o-transition:all 0.7s; cursor:pointer;}
.nav_pic_swiper:hover .next_prve{opacity:1;filter:Alpha(opacity=100); }
.shoppingbox_cart_fix{ display:none !important;}

#header_menu{ display:block;  float:right; overflow:hidden;}
#header_menu li{ display: inline-block; overflow:hidden; width:200px; height:auto;}
#header_menu li a{ display:block; padding:5px 0; border-bottom:#FFF solid 1px; color:#FFF; font-size:16px; margin:0 5px; float:left; width:100%;}
#header_menu li .sub-menu li a{ font-size:12px; color:#CCC; border:none; padding:3px 0 3px 5px; height:auto; margin:5px 0 0;-moz-transition:all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;}
#header_menu li .sub-menu li a:hover{ color:#fff; margin-left:5px; font-weight:bold; background:#000;}
#product_nav{ display:none;}
#header_pic_nav{overflow:hidden;}
.show_top_icon{ height:55px;}
.hide_icon{ display:none;}
#header_pic_menu{ display:block; height: auto; }
#header_pic_menu li{ display:block; float:left; overflow:hidden; margin-right:20px; text-align:center; position:relative;}
#header_pic_menu li img{ position:relative; width:40px; height:40px;}
#header_pic_menu li b{ position:relative; font-size:14px;  color:#FFF; display:block;}
#header_pic_menu li p{position:relative; margin:0; font-size:10px; color:#FFF;}
.header_scerllo{ position:absolute; width:100%; height:2px; bottom:0px; left:0;}
@media screen and (min-width:200px) and (max-width:736px){
.contact_footer_box	{ width:45px; height:45px; position: fixed;  z-index:1000; bottom:0;right:0; box-shadow:0 0 3px #333; border-radius:5px; background:#fff  11px -296px no-repeat url('../images/kefu2.png');}
.contact_footer{ width:100%; height:37px; padding:10px 0; position: fixed;  z-index:1000; left:0; bottom:0; background:#fff; text-align:center;}
.contact_footer  a{ color:#333; display:inline-block; width: 30px; height:37px;background-image:url('../images/kefu2.png'); margin-right:5px; background-repeat:no-repeat; font-size:12px; line-height:64px;}.contact_footer_tell{background-position:4px 3px;}
.contact_footer_email{background-position:4px -40px;}
.contact_footer_qq{background-position:4px -172px;}
.contact_footer_weixin{background-position:4px -128px;}
.contact_footer_languges{background-position:4px -349px;}
.contact_footer_caidan{background-position:4px -84px;}
.contact_footer_closed{background-position:4px -212px;}
.contact_footer_login{background-position:4px -254px; position:relative;}
.contact_footer_login .cart_nuber{ position:absolute; font-size:10px; color:#FFF; background:#F30; top:0; right:0; border-radius:100%; width:15px; height:15px; line-height:15px;}
.display_none{bottom:-60px ;}
.header_btn_s em { display:none;}
#wpadminbar{ position:fixed !important; top:0;}
#languge_footer{ width:100%; height:20px; padding:10px 0; position:absolute; top:-42px; background:#FFF; text-align:center; left:0; display:none;}
#languge_footer a{ display:inline; background:none; padding:0 !important; height:auto; width:auto; line-height:20px;}
	}
@media screen and (min-width:737px) and (max-width:2000px){
.footer{width:100%; height:70px; position: fixed;  z-index:1000; left:0; bottom:0;}
.footer_in{  width:100%; max-width:960px;height:40px;  padding:15px 0;margin:0 auto; position:relative; z-index:2;}
.footer_background{ width:100%; height:69px; position:absolute; top:0; left:0; z-index:1; background:#fff;opacity:0.8;filter:Alpha(opacity=80); border-top:solid 1px #fff;}
.footer .footer_contact{ float:left; overflow:hidden; }
.footer .footer_contact .footer_tell,.footer .footer_contact .footer_onlie{ float:left; padding:0 10px 0 0; margin-left:10px; height:40px;}
.footer .footer_contact .footer_tell a{ display:block; float:left; height:40px;  padding:0 5px 0 35px; margin-right:5px; font-size:14px;background-image:url('../images/Sprites.png');background-repeat:no-repeat;  font-weight: bold;}
.footer .footer_contact .footer_tell a.dack{ background-position:-287px -202px;  }
.footer .footer_contact .footer_tell a b{ display:block; width:100%; font-size:14px; }
.footer .footer_contact .footer_tell  p{ display:block; float:left; font-weight: bold; font-size:14px;}
.footer .footer_contact .footer_tell  p.dack{ color:#333;}
.dack{border-right: solid 1px #999999;color:#333;}
.dack b{color:#333;}
#onlie_title{ padding-left:0; background:none;}
.footer_tell  #onlie_qq{background-position:0 -282px; font-weight:normal; line-height:40px; cursor:pointer;}
.footer_info{ float:right; height:40px; text-align:right;}
.footer_info p{ font-size:12px; border:none;}
.footer_info .dack{ color:#333;}
.footer_info .dack a{ color:#099;}
}
.erweima_weixin{ width:100%; height:auto; text-align:center; position: fixed; left:0; bottom:-200px;  padding-top:33px; display:none; z-index:999;}
 .erweima_weixin .header_background{ height:100%;}
 .erweima_weixin img{ position:relative; margin:3px; border:5px #FFFFFF solid; z-index:10; max-width:100%; height:auto;}
 .weixn_closed{ display:block; width:17px; height:23px; background:0 -546px no-repeat url('../images/Sprites.png'); position: absolute; top:10px; right:10px; z-index:10; cursor:pointer;}

/*index*/
.full{width:100%; height:100%; overflow:hidden;position:absolute; top:0; left:0;}
.index_swipers{   width: 100%; height: 100%;color: #fff;text-align: center;}
.index_swipers .swiper-slide{position:relative; overflow:hidden; display: block; background-position:top center; float:left; }
.index_swipers .swiper-slide_in{ width:100%;  max-width:1200px; margin:0 auto; position:relative; height:100%; z-index:10;}
.left_right .left_pic{ position:absolute;  top:15%;  display:block;}
#left_posib{ left:2%; text-align:left;}#right_posib{ right:2%; text-align:right;}



@media screen and (min-width:737px) and (max-width:1000px){
	.left_right .left_pic,.left_right .right_text{width:50%;}
	.left_right .right_text{ right:5%;}
	.left_right .left_pic img{ margin-top:30%; }}
	
@media screen and (min-width:200px) and (max-width:736px){
.left_right .left_pic,.left_right .right_text,.left_right .left_pic{width:100%;}

.swiper-slide_in h3,.swiper-slide_in h3 a{font-size:22px; margin-bottom:3px;}	
.left_right .right_text b,.up_down .up_text b{ font-size:14px; margin-bottom:3px;}
.left_right .right_text p{font-size:14px; margin:0;line-height:18px;margin-bottom:3px; }
	a.btn b{ font-size:12px !important;}

}
@media screen and (min-width:737px) and (max-width:2000px){
	.left_right .right_text b,.up_down .up_text b{ font-size:26px;margin-bottom:10px;}
	.swiper-slide_in h3,.swiper-slide_in h3 a{font-size:34px;  margin-bottom:10px;}
	a.btn b{ font-size:14px !important;}
	.left_right .right_text{ right:5%;}
	.left_right .right_text p{font-size:18px;line-height:24px;margin-bottom:10px; }
	}
.left_right .right_text b.title_lr_mod,.left_right .right_text h3,.left_right .right_text p,.left_right .right_text .btn{position:relative; opacity:0; -webkit-transform: translate3d(100px, 0, 0);opacity:0;-moz-transition:all 0.8s ease-out 0.4s;-webkit-transition:all 0.8s ease-out 0.4s;-o-transition:all 0.8s ease-out 0.4s;}
.left_pic img{position:relative; opacity:0;filter:Alpha(opacity=0);-moz-transition:all 0.8s ease-out 0.4s;-webkit-transition:all 0.8s ease-out 0.4s;-o-transition:all 0.8s ease-out 0.4s;-webkit-transform: translate3d(-100px, 0, 0)}

.letsgo  .right_text b.title_lr_mod,.letsgo  .right_text h3,.letsgo  .right_text p,.letsgo   .right_text .btn{ -webkit-transform: translate3d(0, 0, 0);opacity:1;}

.letsgo .left_pic img{ -webkit-transform: translate3d(0, 0, 0);opacity:1;}

.left_right .right_text{ position:absolute;  top:30%; text-align: right; font-weight:bold; height:auto; font-size:200%}
.swiper-slide_in h3,.swiper-slide_in h3 a{ color:#FFF; text-decoration:none;}
.swiper-slide_in h3 a,.left_right .right_text b,.up_down .up_text b,.swiper-slide_in p{ text-shadow:0 1px 1px #333;}
.left_right .right_text b,.up_down .up_text b{ text-transform:Uppercase;}
a.btn{display:inline-block; padding:8px;  position:relative; z-index:10;border-radius:5px; }
a.btn b{ position:relative; z-index:10; color:#FFF;}
a.buy b{ padding:0 10px 0 10px !important; margin:0 !important; display:block;}
.btn_bag{ width:99%; height:99%; background:#000;opacity:0.4;filter:Alpha(opacity=40); position:absolute; left:0; top:0;border-radius:5px;  z-index:1;border:solid 1px #FFFFFF;}
.dack_text_mod h3 a,.dack_text_mod b,.dack_text_mod p{ color:#000;text-shadow:0 1px 1px #fff;}
.alpha90{opacity:0.9;filter:Alpha(opacity=90);}
.alpha80{opacity:0.8;filter:Alpha(opacity=80);}
.alpha70{opacity:0.7;filter:Alpha(opacity=70);}
.alpha60{opacity:0.6;filter:Alpha(opacity=60);}
.alpha50{opacity:0.5;filter:Alpha(opacity=50);}


.index_mod_bag{ width:100%; height:100%; position:absolute; left:0; top:0; background-position:center center; background-repeat:no-repeat;}
.bag_animate{ background-size: cover;transition:all 16s; -moz-transition:all 16s;-webkit-transition:all 16s;-o-transition:all 16s;}	
.bag_animates{-moz-transform: scale(1.10, 1.10);-webkit-transform: scale(1.10, 1.10);-o-transform: scale(1.10, 1.10);}


@media screen and (min-width:200px) and (max-width:736px){.up_down .up_text p{ font-size:14px;line-height:18px;}.up_down .up_text{ width:98%; padding:0 1%; }
.index_swipers .swiper-slide .news .left_news{ width:100%;}
.up_down .up_text{ margin-top:100px;}
.case_up{ margin-top:100px;}
.index_swipers .swiper-slide .news{margin:80px  auto}
}
@media screen and (min-width:737px) and (max-width:2000px){.up_down .up_text p{ font-size:16px;line-height:36px;}.up_down .up_text{ width:100%; }
.index_swipers .swiper-slide .news .left_news{ width:65%;}
.up_down .up_text{ margin-top:150px;}
.case_up{ margin-top:150px;}
.index_swipers .swiper-slide .news{margin:130px  auto}
}
.up_down .up_text{ font-weight:bold; display:block;  text-align:center; position:relative;}

.up_down .up_text h3,.up_down .up_text p,.up_down .up_text .btn{  opacity:0;filter:Alpha(opacity=0); position:relative;-moz-transition:all 0.8s ease-out 0.5s;-webkit-transition:all 0.8s ease-out 0.5s;-o-transition:all 0.8s ease-out 0.5s; -webkit-transform: translate3d(0, -100px, 0);}
.up_down .down_pic img{ position:relative; opacity:0;filter:Alpha(opacity=0);-moz-transition:all 1.5s ease-out 0.4s;-webkit-transition:all 1.5s ease-out 0.4s;-o-transition:all 1.5s ease-out 0.4s;-webkit-transform: translate3d(0, 700px, 0)}

.letsgo  .up_text h3,.letsgo  .up_text p,.letsgo  .up_text .btn{ -webkit-transform: translate3d(0, 0, 0); opacity:1;;}
.letsgo .down_pic img{ -webkit-transform: translate3d(0, 0, 0);opacity:1;}


.up_down .up_text p{margin-bottom:10px;}
.up_down .down_pic{ margin-top:20px; display:block; width:100%; text-align:center; font-size:0; position:relative}

.dackses p,dackses h3,.dackses h3 a,.dackses b{ color:#333; text-shadow:0 1px 1px #fff;}
.case_up{  width:98%; padding:1%; text-align:center; opacity:0;filter:Alpha(opacity=0);-moz-transition:all 0.8s ease-out 0.5s;-webkit-transition:all 0.8s ease-out 0.5s;-o-transition:all 0.8s ease-out 0.5s;}
.case_index { opacity:0;filter:Alpha(opacity=0); width:96%; padding:40px 2% 0 2%; -moz-transition:all 0.8s ease-out 0.5s;-webkit-transition:all 0.8s ease-out 0.5s;-o-transition:all 0.8s ease-out 0.5s;}
@media screen and (min-width:101px) and (max-width:736px){.case_index  {left:-20px; width:101% !important;}}
.letsgo .case_up,.letsgo .case_index {opacity:1;filter:Alpha(opacity=100); }


.case_index .swiper-wrapper{  width:100%;}
.case_index .swiper-slide{ display:block; float:left; padding:5px; border:1px solid #FFF; box-shadow:0 0 5px #666666; position:relative;}
.case_bag{ position:absolute; width:100%; height:100%; background:#FFF; opacity: 0.5; filter:Alpha(opacity=50); left:0; top:0; z-index:1;}
.case_index  .swiper-slide .case_pic,.case_index .swiper-slide .case_text{ position:relative; z-index:10;}
.case_index .swiper-slide .case_pic{ width:100%; height:auto; font-size:0; margin:0; overflow:hidden; display:block;}
.case_index .swiper-slide .case_text{ width:100%; text-align:center; font-size:14px; color:#666; padding:8px 0 5px 0; background:#fff no-repeat 1px 0 url('../images/bac.png'); height:37px;}
.scrollbar_case{ width:96%; height:3px; margin:10px 2%;}

.index_swipers .swiper-slide .news{  height:430px; width:92%; padding:2%;  }
.index_swipers  .news_bags{ width:100%; height:470px; background:#FFF; position:absolute; left:0; top:0; z-index:1;opacity: 0.5; filter:Alpha(opacity=50); }
.news_tuoch .news .left_news{  float:left; overflow:hidden; position:relative; z-index:10;opacity:0;filter:Alpha(opacity=0); -webkit-transform: translate3d(-100px, 0, 0);-moz-transition:all 0.8s ease-out 0.5s;-webkit-transition:all 0.8s ease-out 0.5s;-o-transition:all 0.8s ease-out 0.5s;}

.letsgo  .news .left_news{opacity:1;filter:Alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0)}



.index_swipers .swiper-slide .news .news_tabs,.index_swipers .swiper-slide .news .news_header{ width:100%; float:left; background:#FFF;}

.index_swipers .swiper-slide .news .news_tabs a,.index_swipers .swiper-slide .news .news_header h2{ display:block; float:left; font-size:14px; color:#333; padding:10px 15px; cursor:pointer;}
.index_swipers .swiper-slide .news .news_tabs a.active,.index_swipers .swiper-slide .news .news_header h2{ background:#00a2ff; color:#FFF;  text-shadow:0 1px 1px #333; box-shadow:0 0 3px #333 inset; font-weight:bold; }.index_swipers .swiper-slide .news .news_header h2 a{ color:#fff;}
.index_swipers .swiper-slide .news  .news_info{ float:left; width:100%; overflow:hidden; margin-top:10px;}
.index_swipers .swiper-slide .news  .swiper-wrapper{ float:left; width:100% !important;}
.index_swipers .swiper-slide .news  .news_info ul{overflow:hidden; position:relative; width:100%; display:block;}
.index_swipers .swiper-slide .news  .news_info ul li{ width:49%; float:left; display:block; overflow:hidden; padding:8px 0; border-bottom:dashed #999999 1px; text-align: left;}
.right_news   .news_info ul li{ width:100% !important;}
.index_swipers .swiper-slide .news  .news_info ul li b{ padding-left:17px;background: 1px -495px  no-repeat url('../images/Sprites.png') }
.index_swipers .swiper-slide .news  .news_info ul li.news_first{ width:100%; height:auto; overflow:hidden; float:left;}
.index_swipers .swiper-slide .news  .news_info ul li.news_first .news_pic{ float:left; width:30%; height:auto; display:block; margin-right:2%; font-size:0; border:solid #FFF 1px;}
.index_swipers .swiper-slide .right_news  .news_info ul li.news_first .news_pic{ width:40%}
.index_swipers .swiper-slide .right_news  .news_info ul li.news_first .news_texts{ width:56% !important;}
.index_swipers .swiper-slide .right_news  .news_info ul li.news_first .news_texts b{ font-size:15px !important;}
.index_swipers .swiper-slide .news  .news_info ul li.news_first .news_texts{ text-align:left; float:right; width:67%}
.index_swipers .swiper-slide .news  .news_info ul li.news_first .news_texts b{ font-size:18px; color:#333; display:block; width:100%; padding:0; background:none;}
.index_swipers .swiper-slide .news  .news_info ul li.news_first .infot_news{ width:100%; display:block;}
.index_swipers .swiper-slide .news  .news_info ul li.news_first .infot_news em{ font-size:12px; color:#666; margin-right:10px; padding-left:18px; background-image:url('../images/Sprites.png'); background-repeat:no-repeat;}
.index_swipers .swiper-slide .news  .news_info ul li.news_first .infot_news em.times{ background-position:1px -398px;}
.index_swipers .swiper-slide .news  .news_info ul li.news_first .infot_news em.vei{ background-position:1px -441px;}
.index_swipers .swiper-slide .news  .news_info ul li.news_first p{ font-size:12px; color:#333; text-shadow:#FFF 0 1px 1px; display:block; margin:15px 0;}
.index_swipers .swiper-slide .news .right_news  .news_info ul li.news_first p{ margin:0 !important;}
.index_swipers .swiper-slide .news .news_more_s{ width:100% !important; border:none !important;}
.index_swipers .swiper-slide .news .news_more_s a{ background:#00a2ff; padding:3px 10px; color:#fff; font-size:14px;}

.pagination { z-index: 20;}
.pagination span{ margin-right:10px;}


/* page_top */
#page_top{ width:100%; height:58px; padding-top:180px; overflow:hidden; background-attachment:fixed; background-position:top center; background-image: url("../images/pic_b.jpg");  margin-top:-7px; border-bottom:solid 1px #FFFFFF;}
#page_bottom{ width:96%; height:108px; padding:50px 2%; overflow:hidden; background-attachment:fixed; background-position: bottom center; background-image: url("../images/pic_bottom.jpg");  margin-top:-7px; border-top:solid 1px #FFFFFF; text-align:center;}

#page_bottom p{ color: #FFF; font-size:18px; text-shadow:1px 1px #000000;font-weight:bold;}

#page_top .page_top_in{ width:95%;  height: auto; max-width:1180px; ; _padding:0; _width:960px; margin:0 auto; position:relative; overflow:hidden;}
#page_top .page_top_in h3,#page_top .page_top_in h1,#page_top .page_top_in div{ display:block; width:100%; font-size:24px; color:#fff; font-weight:normal;text-transform:uppercase;}
#page_top .page_top_in h3 a,#page_top .page_top_in h1 a,#page_top .page_top_in div a{ font-size:14px; color:#FFF; text-transform:uppercase;}
#page_top .page_top_in p{ font-size:9px; color:#FFF;}
#page_muen_nav{ width:95%;max-width:1180px; height:auto; padding:2.5%; margin:0 auto ; border-bottom: dashed #D5D5D5 1px;}
#page_muen_nav b,#page_muen_nav a{ font-size:12px; color:#666; text-decoration:none;}
#page_muen_nav a:hover{color:#117dc2}


#content{  width:95%;  height: auto;   margin:0 auto; position:relative; overflow:hidden; padding:0 0 20px 0;}

#content .right_mian{ width:100%; height:auto; overflow:hidden; float:right;}
#content .case_in ul li{ margin-bottom:15px;  }

@media screen and (min-width:301px) and (max-width:600px){#content .case_in ul li,#content .right_mian  .case_in ul.slides li{ width:98%; margin:1%;}}
@media screen and (min-width:601px) and (max-width:2280px){#content .case_in ul li,#content .right_mian  .case_in ul.slides li{ width:31%;margin-right:1%;}}
#content .case_in ul { width:105%; display:block; overflow:hidden;}
#content .case_in ul.slides li p{ margin-bottom:5px;  height:54px;}



#content{  width:96%;  height: auto;   margin:0 auto; position:relative; overflow:hidden; padding:0 2% 20px 2%;}

#content .right_mian{ width:100%; height:auto; overflow:hidden; float:right;}
#content .case_in ul li{ margin-bottom:15px;  }

@media screen and (min-width:100px) and (max-width:736px){#content .case_in ul li,#content .right_mian  .case_in ul.slides li{ width:98%; margin:1%;}}
@media screen and (min-width:737px) and (max-width:2280px){#content .case_in ul li,#content .right_mian  .case_in ul.slides li{ width:31%;margin-right:1%;}}
#content .case_in ul { width:105%; display:block; overflow:hidden;}
#content .case_in ul.slides li p{ margin-bottom:5px;  height:54px;}



.nav_product_mu ,#nav_product_mue { display:block; width:100%; height:auto; overflow:hidden;}
#nav_product_mue { margin:0 auto; padding:10px 0; border-bottom:1px solid #999;}
.nav_product_mu li{ width: auto; height:auto; display:block; float:left;}
.nav_product_mu li.menu-item-has-children{ width:100%; margin-bottom:10px;} 
.nav_product_mu li a{ display:block; width: auto; height:auto; font-size:14px; color:#333; font-weight:bold;  padding:2px; float:left; margin-right:10px; text-align:center; text-decoration:none;border-radius:5px;}
.nav_product_mu li .sub-menu{ display:block;}
.nav_product_mu li .sub-menu li{ display:inline-block; margin-right:10px;}
.nav_product_mu li .sub-menu li a{ color:#999; font-size:12px ;  width:auto ; padding:3px; font-weight:normal; cursor:pointer; }
.nav_product_mu li .sub-menu li a:hover{ color:#fff !important;background:#11a3c2;}    
#nav_product_mue #choose{  color:#FFF; border: none;text-transform: uppercase; cursor:pointer; background-image:    url("../images/search.png"); background-color: #11a3c2; background-repeat:no-repeat; background-position:center }

@media screen and (min-width:737px) and (max-width:20000px){#nav_product_mue #choose{padding:6px 7%; margin-top:10px;}}
@media screen and (min-width:100px) and (max-width:736px){
	.s_search_ys{ text-align:center;}
	#tagesname{ width:100%; text-align:left;}
	#nav_product_mue #choose{padding:6px 14%; margin-top:10px;}}


#nav_product_mue  #choose:hover{background-color: #333333; }
.select{ background:#11a3c2; color:#FFF !important;font-weight:bold !important;}
#tagesulg,#catsulg{ display: none;}
#tagesname{ width:82%; background:#EAEAEA; border:none; font-size:14px; color:#666; padding:3px;}
.s_search_ys{ background:#FFF; float:left; width:99%; padding:5px;}
.alignleft {display:inline;float:left; margin-right:1.625em;}
.alignright { display:inline; float:right; margin-left:1.625em;}
.aligncenter {clear:both;display:block; margin-left:auto;margin-right:auto;}
.title_page{ width:100%; padding:10px 0; border-bottom:#CCC solid 1px; margin-bottom:10px; }
#nav_product_mue .title_page a{ font-size:12px; color:#11a3c2; margin-left:5px;}

.pager {width:95%;overflow:hidden;white-space:nowrap;padding:4px;float:left;text-align:left; margin:20px 0;}
.pager a { background:#333; color:#FFF; font-size:12px;margin:2px;padding:6px 12px; text-decoration:none; display:block; float:left;}
.pager a.current {background:#11a3c2; font-size:12px;margin:2px;padding:6px 12px;}
.pager a:hover {background:#11a3c2;font-size:12px;color:#fff;text-decoration:none;}
.hover_incase{ position:absolute; top:0; left:0; display:none;}

#category{ width:100%;}
#category  .default{ background:#fff;}
#category  .default li{padding:10px 1%; width:98%; margin-bottom:10px; border-bottom:dashed #ccc 1px; overflow:hidden;}
#category  .default li:hover{ background:#FFF; box-shadow:0 0 3px #CCCCCC; }
#category  .default li  .titels{ font-size:16px; color:#333; font-weight:bold; margin-bottom:5px;}
#category  .default li span a{ margin-bottom:5px;}
#category  .default li p{ font-size:14px; color:#666;}
#category  .default li p em{ font-size:12px; color:#999;}
#category   .default li .picdsa{ border:solid 3px #FFFFFF; width:30%; height:auto; float:left; overflow:hidden; display:block; margin-right:10px}
#category  .default li span a:hover,.infot a:hover{ text-decoration: underline; color:#11a3c2}
.infot a#tagss{ color:#11a3c2; font-size:12px; font-weight:normal; display:inline; margin-right:5px;}
.infot{ color:#11a3c2; font-size:12px; font-weight:normal; display:block; width:100%; padding-bottom:3px; margin-bottom:6px; }
.infot a{color:#11a3c2;}
.infot em{ margin-right:10px;}
.ad_img{ padding:1%; width:98%; background:#FFF; display:block; height:auto; overflow:hidden;}
.ad_img img{ max-width:100%; height:auto;}
#category .case_full_list li b,#category .case_full_list li .price,#category .case_full_list li .pfen{top:0;opacity:1;filter:Alpha(opacity=100);}
#category .case_full_title p{top:0;opacity:1;filter:Alpha(opacity=100);}
#category .case_full_list li .case_full_div img,#category .case_full_list li .case_full_div .insed_div{top:0;opacity:1;filter:Alpha(opacity=100);}
#category .case_full_list{ width:105%;}
#category  #twogard li{ width:30%; margin-right:3%;}

#pic_text_list{ width:100%; display:block; margin-top:20px; height:auto; overflow:hidden;}
#pic_text_list li{ width:100%; height:auto; float:left; padding:20px 0; border-bottom:dashed #CCCCCC 1px;}
#pic_text_list li .news_001_pic{ display:block; width:35%; height:auto; padding:1%; background:#FFF; box-shadow:0 0 3px #CCCCCC; float:left; margin-right:3%; font-size:0;}
#pic_text_list li .news_001_pic img{ max-width:100%; height:auto;}
#pic_text_list li span{ display:block; width:60%; float:right;}
#pic_text_list li span b a{ display:block; width:100%; font-size:16px; color:#333;}
#pic_text_list li .infot{  margin-top:10px;} 

#pic_text_list li span a.time{ font-size:12px; color:#11a3c2; margin:4px 0;}
.tag_pro{ display:block; width:100%; height:auto; overflow:hidden; }
.tag_pro a{ display:block; background:#666; color: #FFF; font-size:12px; text-decoration: none; margin:0 10px 5px 0; border-radius: 5px; float:left; padding:3px 5px;}
.tag_pro a:hover{ background:#11a3c2;}
#pic_text_list li span .ppre{ margin:5px 0;  display:block; width:100%; overflow:hidden;}
#pic_text_list li span .original_price{ color:#999; font-size:12px; float:left; display:block; text-decoration:line-through; margin-right:10px; line-height:20px; padding:1px 3px;}
#pic_text_list li span #price{ color:#FFF;  margin-left:0; padding:1px 3px; background:#eb302f; font-size:14px;border-radius:3px; float:left;font-weight:bold; font-style:normal; margin-right:10px}
.starsss{ display:block; width:100%; position:relative; top:-8px;}

.singlep{ margin-top:20px !important;} 
.singlep  .title_page{ margin-bottom:2px; border: none;}
.singlep .infot{width:98%; border-left: 10px solid  #ccc; border-bottom: none; background:#EFEFEF; color:#666; display:block; padding:3px 0 3px 5px;}
.title_page h1{ font-size:18px; color:#333;}
.singlep .des_page{ padding-bottom:5px; margin-bottom:5px; border-bottom: dashed 1px #ccc;}
.enter{ margin-top:20px; overflow:hidden; width:100%; height:auto; position:relative;}
.enter p{ font-size:14px; color:#333; line-height:28px;}
.enter h2{    background: #f2f2f2 none repeat scroll 0 0; border: 1px solid #ccc; color: #009cff; display: inline-block; font-size: 18px; margin: 20px 0; padding: 2%;width: 96%;}
.enter a{ color:#11a3c2; text-decoration:underline; margin:0 5px;}
.enter img{ max-width:100%; height:auto; border: solid 1px #CCCCCC;}
.next_post{ width:96%; height:auto; border-top:dotted 1px #CCCCCC; padding:3px 2%; margin-top:20px;}
.suojin p{text-indent: 2em; }
.suojin img{ display:block;}


.relevat_div{ width:100%; height:auto; overflow:hidden; position:relative; margin:40px 0; }
.relevat_div .relevat_title{ width:98%; border-left: 10px solid  #ccc; background:#EFEFEF; color:#999; display:block; padding:3px 0 3px 5px; margin-bottom:10px;}
.text_relvat li{ width:45%; float:left; padding:5px 1%; margin-right:2%}
.text_relvat li:hover{ background:#E4E4E4;}
.text_relvat li a{ display:block; width:92%; padding-left:8%; background: no-repeat  0 -470px url("../images/Sprites.png"); color:#666;color:#11a3c2;}
.text_relvat li a:hover{ text-decoration:underline; }
#left_mian #relevat_full li{ width:22.5%; margin-right:2%;}

#gallery_lightbox,#gallery_xz{ width:98%; padding:1%; background:#F6F6F6; display:block; overflow:hidden; position:relative;}
#gallery_xz a{ margin:0 !important; }
#gallery_lightbox,#gallery_product { display:block; width:100%; float: left;}
#gallery_product li{ float:left; overflow:hidden; margin:0.5%; width:19%; min-width:60px; max-width:150px; position:relative;}

#gallery_lightbox li a{ display:block; overflow:hidden; font-size:0; position:relative; width:100%; height:auto; margin:0; }
#gallery_lightbox li a img{ max-width:100%; height:auto;}
.hover_lightbox{ width:100%; height:100%; position:absolute; top:0; left:0; background:url("../images/black_b2.png"); display:none;}
.gallery_qiehuan_x{ width:100%; height:auto;}
.gallery_qiehuan_x .swiper-wrapper a{cursor:pointer; display:block; width:80px; height:80px;}
.gallery_qiehuan_x .swiper-wrapper a img{ width:70px; height:70px; border:2px solid #FFF; display:block;}
.gallery_qiehuan_x .swiper-wrapper a.active img{border:2px solid #F60;}

#gallery_xz p{ display:block; width:98%; height:auto; position:absolute; bottom:0; left:0; background:url("../images/blacks.png"); padding:0 1%; color:#fff;} 
 .galic_na{  width:100%; text-align:center;}
.left_p #gallery_xz img{ max-width:100%; height:auto;}
 
#product{ width:100%; height:auto; position:relative; overflow:hidden;}
#product .right_p{ width:100%; height:auto; float:right;}
#product .product_pic{ width:100%; display:block; text-align:center; overflow:hidden;}
#product .product_pic img{ max-width:100%; height: auto;}
#product .left_p{ width:100%; height:auto; float:left; position:relative; overflow:hidden;}
#content_shop  #gallery_product,#content_shop  #gallery_xz,#content_shop  #gallery_lightbox{ display:none !important;}
#product .list{ width:100%;height: auto; float:left; margin-top:20px;}
#list_full{background:url("../images/blacks.png"); padding:5px 0;opacity:0;filter:Alpha(opacity=2) position:absolute; bottom:-100px; }
#product .list .next{ display:block; background: left center no-repeat url("../images/next2.png"); height:100px; width:5%; font-size:12px; color:#FFF; float:left; line-height:55px; cursor:pointer; overflow:hidden;}
#product .list .prve{display:block; background: right center  no-repeat url("../images/prev2.png"); height:100px; width:5%; font-size:12px; color:#FFF; float:left; line-height:55px; cursor:pointer; overflow:hidden;}
#product .list ul{ width: auto; float:left; display:block; height: auto; margin:0; padding:0;}
#product .list .lsit_hover{ width:90%; float:left; display:block; height: auto; overflow:hidden;}
#product .list ul li{ float:left; display:block; width:80px; height:auto;  margin:0 5px; text-align:center;}
#product .list ul li a img{ max-width:100%; height:auto; }
#product .list ul li .hover_lightbox{ cursor:pointer; }
#product .list ul li a{border:#CCC solid 1px; width:94%;}
#product .list .lsit_hover p{ color:#999; font-size:12px;}
#product .shop_p{ width:96%; padding:2%; background:#EAEAEA; float:left;}
#product .shop_p .original_price{ font-size:16px; color:#666; text-decoration:line-through; margin-right:10px;}
#product .shop_p .price{ font-size:16px; color:#F00;}
#product .shop_p .starsss{ float:left; margin-top:10px;}
#product .tag_pro{ margin:10px 0 0; float:left;}
#product .canshu,#product .buy_btn{ float:left; overflow:hidden; width:100%;}
#product .buy_btn a.btn{ display:block; width:260px; text-align:center; padding:10px 0; background:#11a3c2; border:3px solid #cecece; border-radius: 5px; font-size:18px; color:#FFF; text-decoration:none; margin-top:20px;}
#nogallery_enter .gallery_xz,#nogallery_enter .list-h,#nogallery_enter #enter_xz{ display:none !important;}
.enter_cs{ display:block; width:99.8%;  margin:15px 0; border:#ccc 1px solid; overflow:hidden;background:#FFF;}
.enter_cs a{font-size:14px;padding:5px 15px; float:left; cursor:pointer; color: #333; border-right:solid #ccc 1px; margin:0;}
.enter_cs a.cutyes{ background:#999; color:#FFF; font-weight:bold;}

.bqc{ border-top:#CCC dotted 1px; padding-top:20px; margin-top:20px; width:100%; overflow:hidden;}

#respond{ padding:10px 0; border-top:dashed #999999 1px; margin-top:20px;}
.liuy3{ padding:10px 0; color:#666; font-size:12px;}
.liuy2{ float:left; padding-right:10px; width:50px; overflow: hidden}
#commentform input ,#commentform  textarea { border:#ccc solid 1px; background:#FFF; padding:5px; }
#respond #commentform #submit{ padding:5px 20px; background:#11a3c2 ; color:#FFF; font-weight:bold; margin:0 0 0 60px !important; cursor:pointer;border-radius: 5px;}
#commentform #submit:hover{ background:#333; }


.order_list{ width:98%; padding:5px 0; height:auto; display:block; overflow:hidden;}
.order_list li{ display:block; width:99.5%; height:auto; padding-bottom:10px;  border:#ccc solid 1px; margin-bottom:10px; overflow:hidden;}
.order_list li .order_top{ width:96%; height:auto; padding:5px 2%; background:#E1E1E1; overflow:hidden; border-bottom:1px solid #CCC;}
.order_list li .order_top b{ font-size:14px; color:#333; float:left;}
.order_list li .order_top .star{ font-size:12px; color:#fff; float:right; display:block; background:#F60; border:#CCC; border-radius:5px; padding:3px; text-decoration:none;}
.order_list li .order_top .star:hover{ background:#F30;}
.order_list li .order_top em{ float:right; font-size:12px; color:#333;}
.order_list li .order_pic{ width:15%; height:auto; overflow:hidden; display:block; float:left; margin:2%; float: left;}
.order_list li .order_more{ width:80%; float:left; margin-top:2%;}
.order_list li .order_post_name { font-size:14px; color:#333; text-decoration:none; width:100%; font-weight:bold;}
.order_list li .red{ font-size:14px; color:#F00;}
.order_list li p{ margin:0; color:#333;}
.order_list li a{ color:#03F;}
.order_list li .orderstatus{ display:block; padding:2px;  border:#ccc solid 1px; margin:3px 0;}
.order_comment{ width:96%; height:auto; overflow:hidden; padding:2%;}
.order_comment p{ display:block; width:100%; overflow:hidden;}
.order_star{ display:block; width:21px; height:17px; float:left; cursor:pointer;}
#order_comment em{ float:left; margin-left:10px;}
#order_stars{ width:100%; height:17px; background-image:url('images/star_y.png'); background-repeat:no-repeat; line-height:18px;}
.order_stars_4{ background-position:0 -21px ;}
.order_stars_3{ background-position:0 -42px ;}
.order_stars_2{ background-position:0 -63px ;}
.order_stars_1{ background-position:0 -84px ;}
.order_stars_0{ background-position:0 -103px }
.order_comment textarea{ border:solid #CCC 1px; background:#FFF;border-radius:5px; padding:2%; font-size:14px; color:#666; width:95%;}
.order_comment .button-primary{ border:#FFF solid 1px; background:#F60; color:#FFF; padding:5px 8px; cursor:pointer;border-radius:5px; margin-top:10px; }
.order_comment .button-primary:hover{ background:#F30;}
.order-pagination{ width:96%; padding:2%; height:auto; overflow:hidden; }
.order-pagination span{ font-size:14px; color:#333 ; padding:2px 5px; float:left; display: block;margin:0 2px;}
.order-pagination a{ display:block; float:left; padding:2px 5px; border:solid #CCC 1px; margin:0 2px; color:#333; text-decoration:none;}
.order-pagination a:hover{ color:#FFF; background:#666;}
.per_title{ font-size:14px; display:block; width:100%; padding:2px 0; border-bottom:dashed 1px #CCCCCC; font-weight:bold;}
.per{ display:block; width:95%; padding:5px 2%; background:#E3E3E3; border: none; font-size:14px; color:#666;  font-weight:bold; float:left; margin-bottom:20px;}
.right_btn{ float:right; color:#069 !important; font-size:12px; font-weight:normal;}


/* shop*/
.shop_form{ width:100%; height:auto; overflow:hidden;}
.information{ display:block; width:95%; padding:5px 2%; border:#F60 solid 1px; background:#FDEBC6; color:#F00; margin:5px 0 15px 0;font-size:14px; float:left; }
.success{border:#9C0 solid 1px; background:#E7F4A8;}
.shop_form div{ width:96%; padding:3px 2%; height: auto; float:left; overflow:hidden; margin-bottom:8px;}
.shop_form label{ font-size:14px; color:#333; margin-right:10px; width:105px; display:block; float:left; }
.shop_form input{ float:left; width:40%;}
.shop_form input,.shop_form textarea { padding:3px; border:#999 solid 1px; font-size:14px; color:#666;border-radius:3px;} 
.shop_form textarea{ width:96%; padding:1.5%; margin:3px 0;}
.shop_form div em{ font-size:12px; color:#999;line-height:18px; margin-left:10px;}
.shop_form div a{ margin-right:10px;}
.shop_form  #wp-submit{ padding:5px 25px; background:#F60; color:#FFF; cursor:pointer;float:right;} 
.shop_form  .wp-submit{ padding:5px 45px; background:#F60; color:#FFF; cursor:pointer; border:solid #FFF 1px; margin:5px 0 0 112px;} 
.shop_form  #wp-submit:hover,.shop_form  .wp-submit:hover{ background: #F30; }
#rememberme{ width:17px; margin:5px 0 0 112px;}
.captcha{margin:5px 0 0 112px; }
.captcha img{ width:180px; height:auto; border: solid #CCC 1px;}
#original{ font-size:14px; color:#666; text-decoration:line-through; margin:0 10px 0 0}
#price_now,#price_all{ font-size:14px; color:#F00;}
#shop_price{ width:100%; margin:10px 0;}
#shop_price_all{ width:100%; margin:0 0 10px 0;}
.shop_comment{ width:100%; height:auto; margin:20px 0;}
.shop_comment .shop_comment_title{ width:100%; margin:10px 0; font-size:16px; color:#333; border-bottom:dashed 1px #CCCCCC; display:block;}
.shop_comment li{ width:100%; height:auto; margin-bottom:5px; border-bottom:#E6E6E6 1px dotted;}
.shop_comment li p{ width:100%; height:auto; display: block; overflow:hidden;font-size:12px; color:#666;}
.shop_comment li p b{ font-size:14px; color:#333; float:left;}
.shop_comment li p span{ font-size:12px; color:#999; float:right;}
.btn{ cursor:pointer;}
.close_order{ float: right; line-height:21px; color:#999; font-weight:normal; cursor:pointer; font-size:12px;}
.de_product p .original_price{ color:#333; text-decoration:line-through; text-decoration:line-through; float:none}
.de_product p .price{ color:#F60; font-size:18px;}
.shop_form{ width:100%; height:auto; overflow:hidden; padding-top:20px; }
.hidden_block{ display:none;}
.information{ display:block; width:95%; padding:5px 2%; border:#F60 solid 1px; background:#FDEBC6; color:#F00; margin:5px 0 15px 0;font-size:14px; float:left; }
.information a{ font-size:14px; color:#069; margin:0 3px; text-decoration:none;}
.success{border:#9C0 solid 1px; background:#E7F4A8;}
.enter_cs{ display:block; width:628px; padding:0;  margin:15px 0; border:#ccc 1px solid; overflow:hidden;background:#FFF;}
.enter_cs a{font-size:14px;padding:5px 15px; float:left; cursor:pointer; color: #333; border-right:solid #ccc 1px; }
.enter_cs a.cutyes{ background:#999; color:#FFF; font-weight:bold;}
.tag_pro b{display:block; float:left; font-size:14px;}
#shop_login{ float:right; height:34px; line-height:34px;}
#shop_login a{ font-size:12px; color:#FFF; display:block; margin-right:10px; float:left;}
#shop_login a:hover{ text-decoration:underline;}
a.btn_login{ display:block; padding:0 18px; background:#a8302f; color:#FFF; height:20px; line-height:20px; margin-top:5px;border-radius:5px; border:#FFF solid 1px; }
a.btn_login:hover{ color:#FFF; background:#000; color:#CCC; text-decoration: none !important;}
.original_price{ color:#CCC; font-size:12px; float:left; display:block; text-decoration:line-through; margin-right:10px; line-height:20px; padding:1px 3px;}
#price{ color:#FFF;  margin-left:0; padding:1px 3px; background:#eb302f; font-size:14px;border-radius:3px; float:left;font-weight:bold; font-style:normal;}
#price_l{ color:#fff; float:left; margin:0 0 3px 0;padding:1px 5px; background:#333; font-size:14px;border-radius:3px; font-size:14px; }
.shop_p  .original_price{ color:#666; font-size:12px; width:100px; margin:0;}
.shop_p {margin:3px 0 3px 0; }
.prices_p,.case_pic .time{ width:100%; display:block; overflow:hidden; padding:0 0 10px 10px;}
#white{ color:#CCC; margin-right:5px;}
#full_prodcts_single .de_product{ margin:10px 0; max-height:245px;}
.tag_pro{ margin:0 !important; }
#black{ color:#333; margin-left:10px;}
.case_pic ul li p{ height:55px;}
#big #price,#big .original_price{  float:none; display:inline;}
.ppre{ margin:5px 0;}

.kefu{ width:50px; height:auto; padding:2px; position:fixed; right:0; bottom:50px;  z-index:100;}
.kefu .kefu_d{ width:50px; height:50px; background-image:url(../images/kefu.png); background-repeat:no-repeat; margin-bottom:5px; background-color:#FFF; position:relative;;opacity:0.8;filter:Alpha(opacity=0.8); display:block;}
.kefu .kefu_d:hover{ background-color:#F2F2F2; cursor:pointer;opacity:1;filter:Alpha(opacity=100);}
.kefu #tops{ background-position:14px 11px;}
.kefu #tops a,.kefu #homes a,.kefu #shoucang a{ display:block;width:50px; height:50px;}
.kefu #weixin{ background-position:14px -34px;}
.kefu #weixin div{ width:auto; height:auto; overflow:hidden; text-align:center; padding:10px;}
.kefu #kefu_severs{ background-position:14px -80px;}
.kefu #kefu_severs div{ width: auto; height:auto; padding:10px;}
.kefu #kefu_severs div a{ display:block; float:left; padding:5px 0; margin-right:10px; color:#666; font-size:14px; line-height:24px;}
.kefu #shoucang{ background-position:14px -126px;}
.kefu #homes{ background-position:14px -169px;}
.kefu .kefu_d div{ position:absolute; top:-50px; right:50px; background:#fff; display:none; border:#CCC solid 1px;}
/*2015-3-19 shop_community*/

#cat_bbs_list{ width:99%;  overflow:hidden; float:left; background:#FFF; border:#CCC solid 1px;}
#cat_bbs_list_title{ width:96%;padding:15px 2% 8px 2%;height:auto; background:#fff;border-bottom:#CCC solid 1px; overflow:hidden;}
#cat_bbs_list_title span{ display:block; float:left;}
#cat_bbs_list .btn_loop{ width:96%;padding:10px 2%; float:left;border-bottom:#CCC solid 1px; overflow:hidden; background:#F3F3F3}
#cat_bbs_list .btn_loop a{ font-size:14px;  margin-right:15px; color:#333; text-decoration:none; background-image:url(images/bbs_sp.png); background-repeat: no-repeat; padding-left:25px; line-height:30px;}
#cat_bbs_list .btn_loop a:hover{ text-decoration:underline;}
#cat_bbs_list .btn_loop a#all{ background-position:-2px -8px; }
#cat_bbs_list .btn_loop a#jinghua{ background-position:-2px -44px; } 
#cat_bbs_list .btn_loop a#huitie{ background-position:-2px -84px; }

#cat_bbs_list_title h1,#post_bbs_page_from_title h1{ font-size:16px; color:#666;  margin:5px 0; float:left; margin-right:10px;}
#cat_bbs_list_title b{ font-size:12px; font-weight:normal; color:#666; float:left; line-height:30px; margin-left:10px;} 
#cat_bbs_list_title .post_btn,#post_bbs_page_from_title .post_btn{ float:right; display:block; padding:3px 5px; background:#3998C6; color:#FFF; font-size:14px;border-radius:5px; }
#cat_bbs_list_title .post_btn:hover{ background:#333;}
#cat_bbs_list ul li{ width:96%;padding:0 2%;height:auto; display:block; float:left; border-bottom:#CCC dashed 1px;}
#cat_bbs_list ul li:hover{ background:#F3F3F3;}
#author_bbs_avatar { width:80px; overflow:hidden; float:left; min-width:50px; text-align:center; padding-bottom:15px; padding-top:15px; position: relative;}
#author_bbs_avatar #louzhu{ width:36px; height:36px; position:absolute; top:0; right:0; background: 0 -128px url(images/bbs_sp.png);}
#author_bbs_avatar #huifu{ width:36px; height:36px; position:absolute; top:0; right:0; background: 0 -183px url(images/bbs_sp.png);}
#author_bbs_avatar a{ display:inline-block; padding:3px; border:#999 1px solid; background:#FFF; overflow:hidden; font-size:0;border-radius:100%; }
#author_bbs_avatar b{ font-size:14px; color:#999;}
#author_bbs_avatar a img{ width:100%; height:auto;border-radius:100%;}
#cat_bbs_list ul{ width:100%; padding:0; margin:0; overflow:hidden; display:block;}
#cat_bbs_list ul li .left_bbs_single{  display:block; overflow:hidden; margin-left:100px;padding:15px 0;}
#cat_bbs_list ul li #left_bbs_single{ margin-left:0; padding-left:20px; background:#FAFAFA; padding-right:10px; padding-bottom:120px; position:relative; }
#cat_bbs_list ul li .left_bbs_single .bbs_a_title{ font-size:16px; color:#666; font-weight:bold; text-decoration:none;}
#cat_bbs_list ul li .left_bbs_single .bbs_a_title:hover{ text-decoration:underline;}
#cat_bbs_list ul li .left_bbs_single div,#cat_bbs_list ul li .author_bbs_avatar div{ width:100%; overflow:hidden; margin:5px 0;}
#cat_bbs_list ul li .left_bbs_single div b{ display:block; padding:3px 5px; background:#A5A5A5; color:#FFF; font-size:12px; margin-right:10px; float:left;border-radius:5px; font-weight:normal;}
#cat_bbs_list ul li #author_bbs_avatar div b{ font-size:12px; font-weight:normal; display:inline-block; margin-bottom:5px;}
#cat_bbs_list ul li #author_bbs_avatar div b.jinghua{ padding:3px 5px; background:#7ECDD3; color:#FFF; font-size:12px;border-radius:5px;}
#cat_bbs_list ul li #author_bbs_avatar div b.bbs_over{ padding:3px 5px; background:#70AB1F; color:#FFF; font-size:12px;border-radius:5px;}
#cat_bbs_list ul li #author_bbs_avatar div b.admin_answer{ padding:3px 5px; background:#F60; color:#FFF; font-size:12px;border-radius:5px;}
#cat_bbs_list ul li span div b.zhiding{ background:#FF7171;}
#cat_bbs_list ul li span div b.jinghua{ background:#7ECDD3}
#cat_bbs_list ul li span div b.bbs_over{ background:#70AB1F}
#cat_bbs_list ul li span p{ margin-top:10px;text-indent:0 !important;word-break:break-all; /*支持IE，chrome，FF不支持*/
　word-wrap:break-word;/*支持IE，chrome，FF*/}
#cat_bbs_list ul li span a#zd_shop_bbs{ color:#F00;}
.nav_bbs{ width:100%; height:auto; padding:10px 0; overflow:hidden;}
.nav_bbs a{ display:block; padding:3px 8px; border:solid 1px #CCCCCC; margin-left:5px; float:left; color:#666; text-decoration:none;}
.nav_bbs a:hover,.nav_bbs a.current{ background:#666; color:#FFF;}

.post_bbs_page_from{ width:96%;padding:10px 1.5%; overflow:hidden; }
.post_bbs_page_from #tougao_content_ifr{border:solid 1px #CCCCCC;}
#post_bbs_page_from_title{width:96%;padding:10px 2%; overflow:hidden;background:#F3F3F3; margin-bottom:20px;}
.post_bbs_page_from .cat{ width:100%; height:auto; padding:5px 0; margin-bottom:15px;}
.post_bbs_page_from .cat label { font-size:14px; color:#666;}
.post_bbs_page_from input#tougao_title,.post_bbs_page_from input#CAPTCHA{ padding:8px; border:solid 1px #CCCCCC; width:60%;}
.error{ display:block; padding:5px; background:#FFD9D9; border:#F00; color:#F00; font-size:14px; text-indent:0 !important;}
.post_bbs_page_from .submit{ float: left; display:block; padding:5px 60px; border: none; cursor:pointer; background:#3998C6; color:#FFF; font-size:16px;border-radius:5px; margin-right:20px;}
.post_bbs_page_from  .reset{ float: left; display:block; padding:5px 60px; border: none; cursor:pointer; background:#ccc; color:#FFF; font-size:16px;border-radius:5px;}
.yzmmmm{ display:block; width:100%;}
.tijiao{ padding:10px 0 20px 50px; overflow:hidden;}
.wp-editor-tabs{ display:none !important;}
.single_bbs_avatar{ padding-right:10px; }
#cat_bbs_list ul li#single_bbs_li{ padding:0 0 0 2% !important; width:98%;} 
#bbs_enter p,#bbs_enter a, #bbs_enter b{ font-size:14px;}
#cat_bbs_list ul li  span .datetime{ position:absolute; display:block; right:10px; bottom:15px; width:200px;}
#cat_bbs_list ul li  span .datetime a{ margin-left:10px;}
.comment_ector{ width:100%; overflow:hidden; position:relative; padding-top:50px;}
.comment_ector .tutle{position:absolute; left:10px; top:0; width:100%; height:60px;}
.comment_ector .avatar_comment{ width:60px; height:60px;display:block; padding:3px; border:#999 1px solid; background:#FFF; overflow:hidden; font-size:0;border-radius:100%; float:left; margin-right:10px;}
.comment_ector .avatar_comment img{width:60px; height:60px;border-radius:100%; }
.comment_ector span{ width: auto; display: block; float:right; height:32px; padding:15px 15px 0 0}
#comment_bbs{ width:98%; padding-top:30px !important; border:solid 1px #CCCCCC;}
.comment_ector b{ font-size:14px; color:#999; line-height:51px;}
#commentform #submit{ margin:0 !important; }
.per b,.per a{ line-height:60px;}
.per_title{ display:block; overflow:hidden; border-bottom:solid 1px #CCCCCC; padding:0;}
.per_title a{ display:block; padding:5px 15px; background:#CCC; float:left; color:#fff; margin-right:1px; cursor:pointer; text-decoration: none;}
.per img{ float:left; margin-right:20px; width:60px; height:60px; border-radius:60px; border:solid 4px #FFFFFF;}

#respond{ padding:10px 0; border-top:dashed #999999 1px; margin-top:20px;}
.liuy3{ padding:10px 0; color:#666; font-size:12px;}
.liuy2{ float:left; padding-right:10px; width:50px; overflow: hidden}
#commentform input ,#commentform  textarea { border:#ccc solid 1px; background:#FFF; padding:5px; }
#respond #commentform #submit{ padding:5px 20px; background:#11a3c2 ; color:#FFF; font-weight:bold; margin:0 0 0 60px !important; cursor:pointer;border-radius: 5px;}
#commentform #submit:hover{ background:#333; }


.order_list{ width:98%; padding:5px 0; height:auto; display:block; overflow:hidden;}
.order_list li{ display:block; width:99.5%; height:auto; padding-bottom:10px;  border:#ccc solid 1px; margin-bottom:10px; overflow:hidden;}
.order_list li .order_top{ width:96%; height:auto; padding:5px 2%; background:#E1E1E1; overflow:hidden; border-bottom:1px solid #CCC;}
.order_list li .order_top b{ font-size:14px; color:#333; float:left;}
.order_list li .order_top .star{ font-size:12px; color:#fff; float:right; display:block; background:#F60; border:#CCC; border-radius:5px; padding:3px; text-decoration:none;}
.order_list li .order_top .star:hover{ background:#F30;}
.order_list li .order_top em{ float:right; font-size:12px; color:#333;}
.order_list li .order_pic{ width:15%; height:auto; overflow:hidden; display:block; float:left; margin:2%; float: left;}
.order_list li .order_more{ width:80%; float:left; margin-top:2%;}
.order_list li .order_post_name { font-size:14px; color:#333; text-decoration:none; width:100%; font-weight:bold;}
.order_list li .red{ font-size:14px; color:#F00;}
.order_list li p{ margin:0; color:#333;}
.order_list li a{ color:#03F;}
.order_list li .orderstatus{ display:block; padding:2px;  border:#ccc solid 1px; margin:3px 0;}
.order_comment{ width:96%; height:auto; overflow:hidden; padding:2%;}
.order_comment p{ display:block; width:100%; overflow:hidden;}
.order_star{ display:block; width:21px; height:17px; float:left; cursor:pointer;}
#order_comment em{ float:left; margin-left:10px;}
#order_stars{ width:100%; height:17px; background-image:url('../images/star_y.png'); background-repeat:no-repeat; line-height:18px;}
.order_stars_4{ background-position:0 -21px ;}
.order_stars_3{ background-position:0 -42px ;}
.order_stars_2{ background-position:0 -63px ;}
.order_stars_1{ background-position:0 -84px ;}
.order_stars_0{ background-position:0 -103px }
.order_comment textarea{ border:solid #CCC 1px; background:#FFF;border-radius:5px; padding:2%; font-size:14px; color:#666; width:95%;}
.order_comment .button-primary{ border:#FFF solid 1px; background:#F60; color:#FFF; padding:5px 8px; cursor:pointer;border-radius:5px; margin-top:10px; }
.order_comment .button-primary:hover{ background:#F30;}
.order-pagination{ width:96%; padding:2%; height:auto; overflow:hidden; }
.order-pagination span{ font-size:14px; color:#333 ; padding:2px 5px; float:left; display: block;margin:0 2px;}
.order-pagination a{ display:block; float:left; padding:2px 5px; border:solid #CCC 1px; margin:0 2px; color:#333; text-decoration:none;}
.order-pagination a:hover{ color:#FFF; background:#666;}
.per_title{ font-size:14px; display:block; width:100%; padding:2px 0; border-bottom:dashed 1px #CCCCCC; font-weight:bold;}
.per{ display:block; width:95%; padding:5px 2%; background:#E3E3E3; border: none; font-size:14px; color:#666;  font-weight:bold; float:left; margin-bottom:20px;}
.right_btn{ float:right; color:#069 !important; font-size:12px; font-weight:normal;}


/* shop*/
.shop_form{ width:100%; height:auto; overflow:hidden;}
.information{ display:block; width:95%; padding:5px 2%; border:#F60 solid 1px; background:#FDEBC6; color:#F00; margin:5px 0 15px 0;font-size:14px; float:left; }
.success{border:#9C0 solid 1px; background:#E7F4A8;}
.shop_form div{ width:96%; padding:3px 2%; height: auto; float:left; overflow:hidden; margin-bottom:8px;}
.shop_form label{ font-size:14px; color:#333; margin-right:10px; width:105px; display:block; float:left; }
.shop_form input{ float:left; width:40%;}
.shop_form input,.shop_form textarea { padding:3px; border:#999 solid 1px; font-size:14px; color:#666;border-radius:3px;} 
.shop_form textarea{ width:96%; padding:1.5%; margin:3px 0;}
.shop_form div em{ font-size:12px; color:#999;line-height:18px; margin-left:10px; display:block;}
.shop_form div a{ margin-right:10px;}
.shop_form  #wp-submit{ padding:5px 25px; background:#F60; color:#FFF; cursor:pointer;float:right;} 
.shop_form  .wp-submit{ padding:5px 45px; background:#F60; color:#FFF; cursor:pointer; border:solid #FFF 1px; margin:5px 0 0 112px;} 
.shop_form  #wp-submit:hover,.shop_form  .wp-submit:hover{ background: #F30; }
#rememberme{ width:17px; margin:5px 0 0 112px;}
.captcha{margin:5px 0 0 112px; }
.captcha img{ width:180px; height:auto; border: solid #CCC 1px;}
#original{ font-size:14px; color:#666; text-decoration:line-through; margin:0 10px 0 0}
#price_now,#price_all{ font-size:14px; color:#F00;}
#shop_price{ width:100%; margin:10px 0;}
#shop_price_all{ width:100%; margin:0 0 10px 0;}
.shop_comment{ width:100%; height:auto; margin:20px 0;}
.shop_comment .shop_comment_title{ width:100%; margin:10px 0; font-size:16px; color:#333; border-bottom:dashed 1px #CCCCCC; display:block;}
.shop_comment li{ width:100%; height:auto; margin-bottom:5px; border-bottom:#E6E6E6 1px dotted;}
.shop_comment li p{ width:100%; height:auto; display: block; overflow:hidden;font-size:12px; color:#666;}
.shop_comment li p b{ font-size:14px; color:#333; float:left;}
.shop_comment li p span{ font-size:12px; color:#999; float:right;}
.btn{ cursor:pointer;}
.close_order{ float: right; line-height:21px; color:#999; font-weight:normal; cursor:pointer; font-size:12px;}
.de_product p .original_price{ color:#333; text-decoration:line-through; text-decoration:line-through; float:none}
.de_product p .price{ color:#F60; font-size:18px;}
.shop_form{ width:100%; height:auto; overflow:hidden; padding-top:20px; }
.hidden_block{ display:none;}
.information{ display:block; width:95%; padding:5px 2%; border:#F60 solid 1px; background:#FDEBC6; color:#F00; margin:5px 0 15px 0;font-size:14px; float:left; }
.information a{ font-size:14px; color:#069; margin:0 3px; text-decoration:none;}
.success{border:#9C0 solid 1px; background:#E7F4A8;}
.enter_cs{ display:block; width:628px; padding:0;  margin:15px 0; border:#ccc 1px solid; overflow:hidden;background:#FFF;}
.enter_cs a{font-size:14px;padding:5px 15px; float:left; cursor:pointer; color: #333; border-right:solid #ccc 1px; }
.enter_cs a.cutyes{ background:#999; color:#FFF; font-weight:bold;}
.tag_pro b{display:block; float:left; font-size:14px;}
#shop_login{ float:right; height:34px; line-height:34px;}
#shop_login a{ font-size:12px; color:#FFF; display:block; margin-right:10px; float:left;}
#shop_login a:hover{ text-decoration:underline;}
a.btn_login{ display:block; padding:0 18px; background:#a8302f; color:#FFF; height:20px; line-height:20px; margin-top:5px;border-radius:5px; border:#FFF solid 1px; }
a.btn_login:hover{ color:#FFF; background:#000; color:#CCC; text-decoration: none !important;}
.original_price{ color:#CCC; font-size:12px; float:left; display:block; text-decoration:line-through; margin-right:10px; line-height:20px; padding:1px 3px;}
#price{ color:#FFF;  margin-left:0; padding:1px 3px; background:#eb302f; font-size:14px;border-radius:3px; float:left;font-weight:bold; font-style:normal;}
#price_l{ color:#fff; float:left; margin:0 0 3px 0;padding:1px 5px; background:#333; font-size:14px;border-radius:3px; font-size:14px; }
.shop_p  .original_price{ color:#666; font-size:12px; width:100px; margin:0;}
.shop_p {margin:3px 0 3px 0; }
.prices_p,.case_pic .time{ width:100%; display:block; overflow:hidden; padding:0 0 10px 10px;}
#white{ color:#CCC; margin-right:5px;}
#full_prodcts_single .de_product{ margin:10px 0; max-height:245px;}
.tag_pro{ margin:0 !important; }
#black{ color:#333; margin-left:10px;}
.case_pic ul li p{ height:55px;}
#big #price,#big .original_price{  float:none; display:inline;}
.ppre{ margin:5px 0;}

/*2015-3-19 shop_community*/

#cat_bbs_list{ width:99%;  overflow:hidden; float:left; background:#FFF; border:#CCC solid 1px;}
#cat_bbs_list_title{ width:96%;padding:15px 2% 8px 2%;height:auto; background:#fff;border-bottom:#CCC solid 1px; overflow:hidden;}
#cat_bbs_list_title span{ display:block; float:left;}
#cat_bbs_list .btn_loop{ width:96%;padding:10px 2%; float:left;border-bottom:#CCC solid 1px; overflow:hidden; background:#F3F3F3}
#cat_bbs_list .btn_loop a{ font-size:14px;  margin-right:15px; color:#333; text-decoration:none; background-image:url(images/bbs_sp.png); background-repeat: no-repeat; padding-left:25px; line-height:30px;}
#cat_bbs_list .btn_loop a:hover{ text-decoration:underline;}
#cat_bbs_list .btn_loop a#all{ background-position:-2px -8px; }
#cat_bbs_list .btn_loop a#jinghua{ background-position:-2px -44px; } 
#cat_bbs_list .btn_loop a#huitie{ background-position:-2px -84px; }

#cat_bbs_list_title h1,#post_bbs_page_from_title h1{ font-size:16px; color:#666;  margin:5px 0; float:left; margin-right:10px;}
#cat_bbs_list_title b{ font-size:12px; font-weight:normal; color:#666; float:left; line-height:30px; margin-left:10px;} 
#cat_bbs_list_title .post_btn,#post_bbs_page_from_title .post_btn{ float:right; display:block; padding:3px 5px; background:#3998C6; color:#FFF; font-size:14px;border-radius:5px; }
#cat_bbs_list_title .post_btn:hover{ background:#333;}
#cat_bbs_list ul li{ width:96%;padding:0 2%;height:auto; display:block; float:left; border-bottom:#CCC dashed 1px;}
#cat_bbs_list ul li:hover{ background:#F3F3F3;}
#author_bbs_avatar { width:80px; overflow:hidden; float:left; min-width:50px; text-align:center; padding-bottom:15px; padding-top:15px; position: relative;}
#author_bbs_avatar #louzhu{ width:36px; height:36px; position:absolute; top:0; right:0; background: 0 -128px url(images/bbs_sp.png);}
#author_bbs_avatar #huifu{ width:36px; height:36px; position:absolute; top:0; right:0; background: 0 -183px url(images/bbs_sp.png);}
#author_bbs_avatar a{ display:inline-block; padding:3px; border:#999 1px solid; background:#FFF; overflow:hidden; font-size:0;border-radius:100%; }
#author_bbs_avatar b{ font-size:14px; color:#999;}
#author_bbs_avatar a img{ width:100%; height:auto;border-radius:100%;}
#cat_bbs_list ul{ width:100%; padding:0; margin:0; overflow:hidden; display:block;}
#cat_bbs_list ul li .left_bbs_single{  display:block; overflow:hidden; margin-left:100px;padding:15px 0;}
#cat_bbs_list ul li #left_bbs_single{ margin-left:0; padding-left:20px; background:#FAFAFA; padding-right:10px; padding-bottom:120px; position:relative; }
#cat_bbs_list ul li .left_bbs_single .bbs_a_title{ font-size:16px; color:#666; font-weight:bold; text-decoration:none;}
#cat_bbs_list ul li .left_bbs_single .bbs_a_title:hover{ text-decoration:underline;}
#cat_bbs_list ul li .left_bbs_single div,#cat_bbs_list ul li .author_bbs_avatar div{ width:100%; overflow:hidden; margin:5px 0;}
#cat_bbs_list ul li .left_bbs_single div b{ display:block; padding:3px 5px; background:#A5A5A5; color:#FFF; font-size:12px; margin-right:10px; float:left;border-radius:5px; font-weight:normal;}
#cat_bbs_list ul li #author_bbs_avatar div b{ font-size:12px; font-weight:normal; display:inline-block; margin-bottom:5px;}
#cat_bbs_list ul li #author_bbs_avatar div b.jinghua{ padding:3px 5px; background:#7ECDD3; color:#FFF; font-size:12px;border-radius:5px;}
#cat_bbs_list ul li #author_bbs_avatar div b.bbs_over{ padding:3px 5px; background:#70AB1F; color:#FFF; font-size:12px;border-radius:5px;}
#cat_bbs_list ul li #author_bbs_avatar div b.admin_answer{ padding:3px 5px; background:#F60; color:#FFF; font-size:12px;border-radius:5px;}
#cat_bbs_list ul li span div b.zhiding{ background:#FF7171;}
#cat_bbs_list ul li span div b.jinghua{ background:#7ECDD3}
#cat_bbs_list ul li span div b.bbs_over{ background:#70AB1F}
#cat_bbs_list ul li span p{ margin-top:10px;text-indent:0 !important;word-break:break-all; /*支持IE，chrome，FF不支持*/
　word-wrap:break-word;/*支持IE，chrome，FF*/}
#cat_bbs_list ul li span a#zd_shop_bbs{ color:#F00;}
.nav_bbs{ width:100%; height:auto; padding:10px 0; overflow:hidden;}
.nav_bbs a{ display:block; padding:3px 8px; border:solid 1px #CCCCCC; margin-left:5px; float:left; color:#666; text-decoration:none;}
.nav_bbs a:hover,.nav_bbs a.current{ background:#666; color:#FFF;}

.post_bbs_page_from{ width:96%;padding:10px 1.5%; overflow:hidden; }
.post_bbs_page_from #tougao_content_ifr{border:solid 1px #CCCCCC;}
#post_bbs_page_from_title{width:96%;padding:10px 2%; overflow:hidden;background:#F3F3F3; margin-bottom:20px;}
.post_bbs_page_from .cat{ width:100%; height:auto; padding:5px 0; margin-bottom:15px;}
.post_bbs_page_from .cat label { font-size:14px; color:#666;}
.post_bbs_page_from input#tougao_title,.post_bbs_page_from input#CAPTCHA{ padding:8px; border:solid 1px #CCCCCC; width:60%;}
.error{ display:block; padding:5px; background:#FFD9D9; border:#F00; color:#F00; font-size:14px; text-indent:0 !important;}
.post_bbs_page_from .submit{ float: left; display:block; padding:5px 60px; border: none; cursor:pointer; background:#3998C6; color:#FFF; font-size:16px;border-radius:5px; margin-right:20px;}
.post_bbs_page_from  .reset{ float: left; display:block; padding:5px 60px; border: none; cursor:pointer; background:#ccc; color:#FFF; font-size:16px;border-radius:5px;}
.yzmmmm{ display:block; width:100%;}
.tijiao{ padding:10px 0 20px 50px; overflow:hidden;}
.wp-editor-tabs{ display:none !important;}
.single_bbs_avatar{ padding-right:10px; }
#cat_bbs_list ul li#single_bbs_li{ padding:0 0 0 2% !important; width:98%;} 
#bbs_enter p,#bbs_enter a, #bbs_enter b{ font-size:14px;}
#cat_bbs_list ul li  span .datetime{ position:absolute; display:block; right:10px; bottom:15px; width:200px;}
#cat_bbs_list ul li  span .datetime a{ margin-left:10px;}
.comment_ector{ width:100%; overflow:hidden; position:relative; padding-top:50px;}
.comment_ector .tutle{position:absolute; left:10px; top:0; width:100%; height:60px;}
.comment_ector .avatar_comment{ width:60px; height:60px;display:block; padding:3px; border:#999 1px solid; background:#FFF; overflow:hidden; font-size:0;border-radius:100%; float:left; margin-right:10px;}
.comment_ector .avatar_comment img{width:60px; height:60px;border-radius:100%; }
.comment_ector span{ width: auto; display: block; float:right; height:32px; padding:15px 15px 0 0}
#comment_bbs{ width:98%; padding-top:30px !important; border:solid 1px #CCCCCC;}
.comment_ector b{ font-size:14px; color:#999; line-height:51px;}
#commentform #submit{ margin:0 !important; }
.per b,.per a{ line-height:60px;}
.per_title{ display:block; overflow:hidden; border-bottom:solid 1px #CCCCCC; padding:0;}
.per_title a{ display:block; padding:5px 15px; background:#CCC; float:left; color:#fff; margin-right:1px; cursor:pointer; text-decoration: none;}
.per img{ float:left; margin-right:20px; width:60px; height:60px; border-radius:60px; border:solid 4px #FFFFFF;}
.case{ width:100%; height: auto;  float:left; margin:0 0 20px 0;max-height:330px;}
.case_in{ width:100%; height: auto;float:left; position:relative; overflow:hidden;}
.case_in ul.slides li{ width:290px; height:auto; display:block; overflow:hidden; float:left;border:#fff solid 1px;  background:#FFF; margin-right:10px;}
.case_in ul.slides  li .case_pic{ display: block; width:100%; height:auto; overflow:hidden; font-size:0; margin-bottom:8px; float:left;}
.case_in ul.slides  li b,.case_in ul.slides  li h2{ display:block; width:96%; padding:0 2%; font-size:14px; color:#333;float:left; margin-bottom:5px; height:30px; }
.case_in ul.slides  li p{ display:block; width:96%; padding:0 2%; font-size:12px; color:#666; float:left;}
.case_in ul.slides  li .price{ font-size:16px; color:#F00; display:block; width:96%; padding:0 2%; font-style:normal; font-weight:bold; margin-bottom:8px;float:left; height:24px}
.case_in ul.slides  li .pj_case{ display:block; width:96%; padding:0 2%;; margin-bottom:8px;float:left; height:31px;}
.case_in .flex-direction-nav{ height:0;}
.case_in .flex-direction-nav a{ width:70px; height:207px; position:absolute; display:block; top:0; display:none; font-size:0;}
.case_in .flex-direction-nav a.flex-prev{ left:0; background:url("../images/prev_c.png")}
.case_in .flex-direction-nav a.flex-next{ right:0; background:url("../images/next_c.png")}
.case_in:hover .flex-direction-nav a{ display:block;}

/* Preload images */
body:after {content: url("../images/close.png") url("../images/loading.gif") url("../images/prev.png") url("../images/next.png"); display: none;}
.lightboxOverlay {position: absolute;top: 0; left: 0;z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none;}
.lightbox { position: absolute;left: 0;width: 100%;z-index:10000000001;text-align: center;line-height: 0;font-weight: normal;}
.lightbox .lb-image { display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
.lightbox a img { border: none;}
.lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px;margin: 0 auto; -webkit-border-radius: 4px;-moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
.lb-outerContainer:after {content: ""; display: table; clear: both;}
.lb-container { padding: 4px;}
.lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0;}
.lb-cancel { display: block; width: 32px;height: 32px;margin: 0 auto;background: url(images/loading.gif) no-repeat;}
.lb-nav { position: absolute;top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
.lb-container > .nav { left: 0;}
.lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}
.lb-prev, .lb-next {height: 100%; cursor: pointer; display: block;}
.lb-nav a.lb-prev { width: 34%; left: 0;float: left; background: url(images/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s;  -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s;}
.lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}
.lb-nav a.lb-next { width: 64%; right: 0;float: right;background: url(images/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s;  transition: opacity 0.6s;}
.lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}
.lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;}
.lb-dataContainer:after { content: ""; display: table; clear: both;}
.lb-data { padding: 0 4px; color: #ccc;}
.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em;}
.lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em;}
.lb-data .lb-number {display: block; clear: left; padding-bottom: 1em; font-size: 12px;color: #999999;}
.lb-data .lb-close {display: block; float: right; width: 30px; height: 30px; background: url(images/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s;-o-transition: opacity 0.2s;transition: opacity 0.2s;}
.lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}