body{ margin:0px; font-size:14px;  font-family:"微软雅黑",sans-serif;color:#000; background:#ffffff; overflow-x:hidden;}
.header{width: 100%;color: #777;background-color: #fff;position: fixed;z-index: 1000;border-bottom: 1px solid #e5e5e5;border-top:5px solid #000;top: 0;
left: 0;transition: top .2s ease-in;-webkit-box-shadow: 1px 1px 2px 0px rgba(198, 198, 198, 0.75);-moz-box-shadow:    1px 1px 2px 0px rgba(198, 198, 198, 0.75);box-shadow:         1px 1px 2px 0px rgba(198, 198, 198, 0.75);}
ul,li{ margin:0px; padding:0px;}
blockquote{ padding:0px; margin:0px;}
.logo{width:250px; float:left; padding:5px 0px 5px 0px; margin:0px auto 5px auto; }
.heading{width:1000px; padding:5px 0px; margin:auto;}
.menu{width:auto; float:right; margin:40px auto 0px auto;height:30px; }
.menu ul{ list-style:none; padding:0px; margin:0px auto;}
.menu ul li{ margin:0px 2px;}
.menu ul li a.active{ background:#3fb000; border-radius:5px; color:#FFFFFF}
.menu ul li a:hover{ background:#3fb000; border-radius:5px; color:#FFFFFF}
.menu ul li li a:hover{ background:none; color:#3fb000;}

.top{width:50%;font-size:12px; padding:5px 0px;  position:absolute; top:5px; right:0px;}
.toptitle{width:300px; float:left}
.topmenu{width:600px; float:right;}
.topmenu .tt1{background:url(../image/tt1.jpg) no-repeat}
.topmenu .tt2{background:url(../image/tt2.jpg) no-repeat; width:60px;}
.topmenu .tt3{background:url(../image/tt3.jpg) no-repeat}
.topmenu .tt4{background:url(../image/tt4.jpg) no-repeat; color:#009900}
.topmenu ul li{margin:0px; padding:0px; list-style:none;}
.topmenu ul li a.iconquick{ padding:0px 4px 0px 0px;}


.wrap_topbar {position: absolute;top: 0;right: 0; z-index:999;}
.wrap_topbar ul{padding: 0;list-style: none; background:#fff;}
.wrap_topbar .icon{background:url(../image/toolbarov.png) no-repeat right; }
.wrap_topbar ul li{	float: left;border:2px solid #ffffff;}
.wrap_topbar ul li.submenu:hover{border:2px solid #3fb000;}
.wrap_topbar ul li li{ display:block; float:none;border:none; text-align:left;}
.wrap_topbar ul li li:hover{ border:none;}
.wrap_topbar ul li a{display: block; padding:5px 20px;color: #777777;text-decoration: none;}
.wrap_topbar ul li a:hover{	color: #3fb000;}
.wrap_topbar ul li ul{	display: none;}
.wrap_topbar ul li:hover ul{display: block; }

.whitebox{width:740px; border:1px solid #f0f1f2; border-radius:5px;float:left; padding:2px;-webkit-box-shadow: 1px 1px 5px 0px rgba(211, 211, 211, 0.75);
-moz-box-shadow:    1px 1px 5px 0px rgba(211, 211, 211, 0.75);box-shadow: 1px 1px 5px 0px rgba(211, 211, 211, 0.75); background:#fff;}
.whitebox img:hover{ opacity:0.8}
.slideshow{width: 100%;height: 440px;margin: auto;margin-top: 116px;}

.advert2{width:100%; float:left; margin:10px 0px; }
.advert2 img{ width:325px;}
.advert2 img:hover{ opacity:0.8}
.advert1{width:460px; float:left; margin-left:0px; margin-top:5px}
.advert1 img{ width:220px; height:166px;}
.advert1 ul,.advert2 ul{ list-style:none; padding:0px; margin:0px;}
.advert1 ul li,.advert2 ul li{ display:block; float:left; margin-left:10px !important; margin-bottom:8px;}
.advertleft{width:272px; float:left; margin-left:4px; margin-top:5px}
.advertleft img{ width:272px;}
td{ vertical-align:top;}

.newsborder{width:240px; float:right; background-image: url(404.png);background-size:cover; margin-top: 4px;}
.newsbox h2{font-weight:normal; padding:0px; margin:0px; margin-bottom:5px; border-bottom:1px solid #FFF;}
.newsbox{width:215px; margin:10px auto; height:320px; padding:5px; color:#FFF;}
.newsbox ul{ margin:0px; padding:0px; list-style:none; margin-left:3px;}
.newsbox ul li{ background:url(../image/arrow.gif) no-repeat 0 10px;padding:5px 0px 5px 15px;  font-size:13px; color:#FFF}
.newsbox ul li a{ color:#FFF; }
.newsbox ul li a:hover{ color: #FFF; }
.newsbox .title{color:#FFF; font-size:14px;}
.newsbox .date{color:#FFF; font-size:15px;}
.main{margin:20px auto; width:1000px;}
.mainin{ margin-top:20px;}

 */
.block-title {   position: relative;  margin-bottom: 30px;  *zoom: 1;}
.block-title:before,
.block-title:after {   display: table;  content: "";  line-height: 0;}
.block-title:after {   clear: both;}
.block-title .block-title-text {   float: left;  display: inline-block;}
.block-title .block-title-text .block-title-bar {   height: 20px;  width: 7px;  border-left: 1px solid #3fb000;  border-right: 1px solid #3fb000;  display: inline-block;  margin-right: 10px;  position: relative;  top: 2px;}
.block-title .block-title-text h2 {   font-weight: 300;  font-size: 22px;  line-height: 30px;  color: #424a59;  display: inline-block;  padding-right: 20px;  margin: 0;  text-transform: uppercase;}
.block-title .block-title-line {   position: relative;}
.block-title .block-title-line .block-title-big-line {   overflow: hidden;  position: relative;  top: 23px;  border-bottom-width: 1px;  border-bottom-style: solid;  border-color: #eee;}
.block-title .block-title-line .block-title-small-line {   width: 70px;  overflow: hidden;  position: absolute;  top: 21px;  right: 0;  border-bottom-width: 5px;  border-bottom-style: solid;  border-color: #e9eef1;}
img { width: auto\9;height: auto;max-width: 100%;vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;}
.text-block {padding: 5px 10px; line-height:25px;}
.text-block a{ color:#000; text-decoration:none;transition: 1s ease;-moz-transition: 1s ease;-webkit-transition:1s ease;-ms-transition:1s ease;	-o-webkit-transition: 1s ease;}
.text-block a:hover{ color: #3fb000; text-decoration:underline;}

.block-title { position: relative;margin-bottom: 30px;}
.span4 { width: 30%; float:left;}
.span8 { width: 70%; float:left; text-align:justify; }
.span8 p{ font-size:13px;}

.span9 { width: 80%; float:left; text-align:justify; }
.span9 p{ font-size:13px;}

.mainin a{ color:#3fb000;}
.mainin a:hover{ color:#666666;}

.path{ color: #999999; margin-bottom:10px;}
.path a{ color:#333; font-size:12px; text-decoration:none;transition: 1s ease;-moz-transition: 1s ease;-webkit-transition:1s ease;-ms-transition:1s ease;	-o-webkit-transition: 1s ease;}
.path a:hover{ color:#FF6600;}

.footer{width:100%; border-top:1px solid #ddd; text-align:center; padding:5px 0px; font-size:12px; color:#666}


#footer {overflow:hidden;width:100%;margin-top:80px;border-top:5px solid #CCCCCC;}
#faq {width: 950px;margin: 20px auto;}
#faq ul {width: 144px;height: 148px;float: left;padding: 5px 0;}
#faq ul h3 {font-size: 20px;font-weight: normal;color: #333;padding-bottom: 6px;text-align: center;}
#faq ul li {font-size: 12px;line-height: 24px;display: block;margin-left: 35px !important;text-align: left;}
#faq ul li a{ color:#666; text-decoration:none;}
#faq ul li a:hover{ color:#333;}
#footer_index {width: 950px;margin: 0px auto;margin-top: 15px;text-align: center;line-height: 20px;color: #aaa;}
.clear, .clr {clear: both;overflow: hidden;width: 0;margin: 0;padding: 0;height: 0;line-height: 0;font-size: 0;}


.readmore{ background:#3fb000; color:#FFFFFF; border:0px; padding:5px 20px; border-radius:5px; cursor:pointer;}
.inputtype{ width:60%; border:1px solid #ccc; border-radius:5px; padding:5px;}

.proname{float: left; width:auto;margin:3px 30px 2px 6px;font-size: 15px;text-align: left;font-family: lato;font-weight: 500; }
.cliptext{float: left; width:auto;color: #666;font-size: 13px;margin-top: 2px;text-align: left;}
.proprice{color: #999;margin:5px 0px 5px 6px; font-size:13px; line-height:25px; width:100%; z-index:100;}
.probtn{margin-left:5px; position:absolute;bottom:5px;}
.btn-cart2{	 border:0px; color:#000; text-decoration:underline; cursor:pointer;}
.btn-cart3{ border:0px; color:#ED4E91; text-decoration:underline; cursor:pointer; margin-right:20px;}
ul#paging {	display:inline;	float:center;list-style-image:none;list-style-position:outside;list-style-type:none;margin-left:10px;padding:0px;font-size:12px;}
ul#paging li {	display:inline;	float:left;	margin-right:4px;}
ul#paging li a {border:1px solid #c1c1c1;text-decoration: none;color: #666;display:block;float:left;padding:3px 8px;border-radius: 2px;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=white,endColorstr=#f0f0f0);background-image: -moz-linear-gradient(top,#fff,#f0f0f0);background-image: -webkit-linear-gradient(top,#fff,#f0f0f0);background-image: -ms-linear-gradient(top,#fff,#f0f0f0); }
ul#paging li a:visited {	border:1px solid #c1c1c1;text-decoration: none;color: #666;display:block;float:left;padding:3px 8px;border-radius: 2px;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=white,endColorstr=#f0f0f0);background-image: -moz-linear-gradient(top,#fff,#f0f0f0);background-image: -webkit-linear-gradient(top,#fff,#f0f0f0);background-image: -ms-linear-gradient(top,#fff,#f0f0f0);}
ul#paging li a:hover {	border:1px solid #666;text-decoration: none;color: #666;display:block;float:left;padding:3px 8px;border-radius: 2px;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=white,endColorstr=#f0f0f0);background-image: -moz-linear-gradient(top,#fff,#f0f0f0);background-image: -webkit-linear-gradient(top,#fff,#f0f0f0);background-image: -ms-linear-gradient(top,#fff,#f0f0f0);}
ul#paging li.empty {	border: 1px solid #999999;background: #ccc;color:#333;	display:block;	padding:3px 8px;border-radius: 2px;}
.tablecenter{text-align: -moz-center; margin-left:auto;margin-right:auto;}
.clear{clear:both;}
.slide{ width:990px; height:510px; margin:auto; border:1px solid #c3c3c3; margin-top:50px;}
.about{ width:990px; height:561px; margin:auto; border:1px solid #c3c3c3; margin-top:50px; position:relative;}
.btnabout{position:absolute; right:18px; top:445px; width:350px;}
.btnabout ul{ list-style:none;}
.btnabout ul li{ display:inline;padding:0px 4px 0px 5px;}

.proshow2{	width:250px; height:380px; margin:0px 9px 15px 0px;position:relative; float:left; overflow:hidden;}
.proimg2{ width:240px; height:280px;overflow:hidden; display: table-cell; text-align: center; vertical-align: middle;}
.proimg2 * {   vertical-align: middle;}
.proimg2 img{ margin:auto 5px;}
.proprize{ text-align:center; font-size:12px; color:#000000;}

.blogcontent{	padding:5px 00px 5px 0px; border-bottom:1px solid #CCCCCC; width:650px; overflow:hidden;}
.blogcontent h1{	font-size:24px;}
.blogcontent h1 a{	color: #333333;	text-decoration:none;}
.blogcontent h1 a:hover{	color: #3fb000;}
.blogcontent .postdate{ font-size:12px; color: #666666; text-align:right }
.blogcontent .colordate{ font-weight:bold;}
.blogcontent .colordate a{text-decoration:none; color: #3fb000; }
.blogcontent .colordate a:hover{color: #333333; }

.post-wrapper-top {background: #f5f5f5;z-index: 0;border-bottom: 3px solid #efefef;margin-bottom: 0;padding: 0;position: relative;text-align: left; margin-top:116px;}

.post-wrapper-top h2, .post-wrapper-top h1, .group_box:hover .circle, .group_box:hover, .buddy_carousel .popover, .buddy_members .popover, .buddy_desc, .cat_widget:hover, .social_like .icon-container, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .pagination > .active > span:focus, .form-control:focus, .panel-default > .panel-heading:hover, .bggrey, .services_vertical .icon-container, .item .icon-container, #owl-testimonial-widget .img-circle, .testimonial-wrap, .tparrows:hover, .blog_button, .magnifier .btn-default:hover, blockquote, .magnifier .btn-default:focus, .magnifier .btn-default:active, .service-icon-circle, .general-title hr {
border-color: #f7c221;
}
.post-wrapper-top h1 {border-bottom: 3px solid #3fb000;display: inline-block;font-size: 24px;padding: 30px 0;color: #222222;position: relative;margin-bottom: -3px;}

.containerabt{ width:1000px; margin:auto;}

.text_over_effect_o {color: #67be9d;-webkit-transition-property: color;-webkit-transition-duration: 0.2s, 0.2s;-webkit-transition-timing-function: linear, ease-in;cursor: pointer;text-decoration: none;}
.size13 {font-size: 13px;}
.color_6 {color: #666;}
.shop_product_detail_wrap{float:left; padding:45px 85px 45px 65px; background:#F1F1F1;}
.shop_product_detail_slider_wrap{float:left; position:relative; width:72%; margin-right:5%;}
.shop_product_detail_desc_wrap{float:left; width:23%;}
.shop_product_detail_desc_name{float:left; width:100%; margin-top:30%; font-size:24px; font-family:lato; font-weight:500; text-align:center;}
.shop_product_detail_select_area{width:124px;}
.shop_product_detail_withclip_wrap{float:left; width:100%; margin-top:38px; color:#666; font-size:15px; text-align:center;}
.shop_product_detail_withclip_wrap span{float:left;}
.shop_product_detail_withclip_wrap input{float:right;}
.shop_product_detail_select_wrap{float:left; width:100%; margin-top:10px; text-align:center;}
.shop_product_detail_select_wrap select{width:124px;}
.shop_product_detail_price{float:left; width:100%;  font-size:21px; font-family:lato; font-weight:500; color:#808080; text-align:center;}
.shop_product_detail_bt_area{float:left; width:100%; }
.shop_product_detail_hometry_bt{float:left; width:254px; padding:13px 0 13px 0; margin-bottom:16px; font-size:15px; color:#4BBE9F; text-align:center; background:#fff; border:1px solid #E3E3E3}
.shop_product_detail_buynow_bt{float:left; width:254px; padding:13px 0 13px 0; margin-bottom:16px;  font-size:15px; color:#4BBE9F; text-align:center; background:#fff; border:1px solid #E3E3E3; display:block}
.shop_product_detail_overseas_bt{float:left; width:254px; padding:13px 0 13px 0; font-size:15px; color:#808080; text-align:center; background:#fff; border:1px solid #E3E3E3}
.shop_product_ava_colors_wrap{float:left; width:100%}
.shop_product_ava_colors_text{float:left; width:9%; padding:4% 2% 0 0; font-size:15px; color:#808080; text-align:right}
.shop_product_ava_colors_img_wrap{float:left; width:89%; margin-top:35px;}
.text_over_effect_o:hover {color: #f48021;}

.alert{ color:#FF0000;}
.forward{ text-align:right; font-size:13px;}
.inputtype{border:1px solid #ccc; width:90%;padding:5px; color:#333333; border-radius:5px;}
.probox{background:#e5e5e5; width:100%; height:480px; margin-top:50px;}
.probox .proimg{width:600px; height:400px; margin:40px 50px; float:left; background:#FFFFFF;}
.probox .proimgin{width:600px; height:400px; margin:40px 50px; float:left; background:#FFFFFF;}
.probox .protext{width:250px; height:400px; margin:0px; float:left;}
.probox .name{text-align:center; margin-top:90px; width:100%; font-size:18px;}
.probox .price{text-align:center; margin-top:20px; width:100%; color:#747474; font-size:18px; font-weight:bold;}
.probox .procolor{text-align:center; margin-top:20px; width:100%; color:#999; font-size:15px; font-weight:normal;}}
.bg_layer {position: absolute;}
.card_option {bottom: 2px;width: 235px;margin: 0 -2px;left: 4px;}
.card_option {position: absolute;left: 0;bottom: 1px;border-top: 1px solid #eaeaea;display: inline-block;width: 100%;float: left;overflow: hidden;}
.card_option .cut{width:80px;}
.card_option .option_r .tit_cut{display: block;width:100%;margin-right:0;position:relative;height:30px;float:right;color:#757575;}
.card_option .option_r .tit_cut .tit{width:80px; position:absolute;left:170px; top:2px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align:left;}
.card_option span.option_r .tit_cut img{margin-left:13px;margin-right:14px;position:absolute;top:8px;right:5px;}

.mb50{ min-height:400px;}

.proname{float: left; width:auto;margin:10px 30px 2px 10px;font-size: 14px;color: #333333;line-height: 22px; font-family:微软雅黑,arial,helvetica,sans-serif; font-weight:bold;}
.proshow{	width:235px; height:270px; margin:0px 9px 10px 0px; padding:8px 3px; position:relative; float:left; overflow:hidden; background:#f9f9f9;border:1px solid #e5e5e5;}
.proshow:hover{ border:1px solid #3fb000}
.proframe{ vertical-align: middle;}
.proimg{ width:230px; height:170px; overflow:hidden; display: table-cell; text-align: center; vertical-align: middle;}
.proimg * {   vertical-align: middle;}
.proimg img{ margin:auto 5px; max-width:200px;}
.proimg img:hover{ opacity:1}

.proimgin{ width:600px; height:400px; overflow:hidden; display: table-cell; text-align: center; vertical-align: middle;}
.proimgin * {   vertical-align: middle;}
.proimgin img{ margin:auto 0px; max-width:600px;}
.proimgin img:hover{ opacity:1}


.slider{width:600px; height:400px; overflow:hidden; display: table-cell; text-align: center; vertical-align: middle;}
.slider * {
    vertical-align: middle;
}
.enquiry_salelist{ margin-top:0px; font-size:13px; border:1px solid #eee;}
.enquiry_salelist td{ padding:4px; text-align:center}
.personmenu{width:160px; min-height:200px; padding:15px; float:left; background:#eee; border-top:5px solid #333;}
.personmenu ul{ margin:0px; padding:0px; margin-left:5px; margin-top:20px; font-weight:bold;}
.personmenu ul li{ background:url(404.png) no-repeat 0px 5px; display:block;padding:0px 10px 10px 25px; margin-bottom:10px;}
.personmenu ul li a{ font-size:13px; color:#000000; }
.personmenu ul li a:hover{ color:#ff3067; }

.btn-cart{	background: #299a0b; 
background: -moz-linear-gradient(top,  #299a0b 0%, #299a0b 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#299a0b), color-stop(100%,#299a0b)); 
background: -webkit-linear-gradient(top,  #299a0b 0%,#299a0b 100%); 
background: -o-linear-gradient(top,  #299a0b 0%,#299a0b 100%); 
background: -ms-linear-gradient(top,  #299a0b 0%,#299a0b 100%); 
background: linear-gradient(to bottom,  #299a0b 0%,#299a0b 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#299a0b',GradientType=0 ); 
 color:#fff; border:0px solid #ccc; padding:5px 20px; cursor:pointer; border-radius:5px;
}
.orderinfo{ border:1px solid #eee; border-radius:5px;}
.orderinfo td{ padding:5px 5px;font-size:13px;}

.btn_addPic{display: block; position: relative; width: 140px; height: 39px; overflow: hidden; border: 1px solid #EBEBEB; background: none repeat scroll 0 0 #F3F3F3; color: #999999; cursor: pointer; text-align: center; }
.btn_addPic span{display: block;line-height: 39px;}
.btn_addPic em {background:url(../image/addimage.png) 0 0; display: inline-block; width: 18px; height: 18px; overflow: hidden; margin: 10px 5px 10px 0; line-height: 20em; vertical-align: middle; z-index:100}
.btn_addPic:hover em{background-position:-19px 0;}
.filePrew {
display: block; position: absolute; top: 0; left: 0; width: 140px; height: 39px;
font-size: 100px; 
opacity: 0; 
filter:alpha(opacity=0);
}

.iconnew{ background:url(../image/iconnew.png) no-repeat; width:80px; height:80px; position:absolute; right:0px; top:0px;}
.iconbest{ background:url(../image/iconbest.png) no-repeat; width:80px; height:80px; position:absolute; right:0px; top:0px;}
.iconpopular{ background:url(404.png) no-repeat; width:80px; height:80px; position:absolute; right:0px; top:0px;}
.iconsoldout{ background:url(../image/iconsoldout.png) no-repeat; width:80px; height:80px; position:absolute; right:0px; top:0px;}
.sharewechat{ text-align:left; font-size:12px;}
.sharewechat a{ color:#009900; text-decoration:none;}
.sharewechat a:hover{ color:#666;}

.prosharewechat{ text-align:center; font-size:12px; margin-top:15px;}
.prosharewechat a{ color:#009900; text-decoration:none;}
.prosharewechat a:hover{ color:#666;}

.servicecon ul,li{margin-left:30px;}
.procon ul{margin-left:40px;line-height:25px; padding:5px;}
#featured ul.ui-tabs-nav ul,li{margin-left:0px !important;}