﻿/*
Powered by ly200.com		http://www.ly200.com
广州联雅网络科技有限公司		020-83226791
*/

body{ position: relative; width: 100%; margin: 0 auto;    overflow-x: hidden;}
#banner{ max-width: 1920px; margin: 0 auto;}

/*************************** 多语言样式 start ***************************/
.lang_de .header_cart{width:164px;}
.lang_de .header_cart .cart_text{width:88px; font-size:12px;}
.lang_es .header_cart .cart_text{font-size:12px;}
.lang_fr .header_cart .cart_text{font-size:12px;}
.lang_ru .w_1200 #top_bar .freeship{width:490px;}
.lang_ru #top_bar .freeship{width:350px;}
.lang_ru .header_cart{width:155px;}
.lang_ru .header_cart .cart_text{width:83px; font-size:12px;}
.lang_pt .header_cart{width:160px;}
.lang_pt .header_cart .cart_text{width:88px;}
/*************************** 多语言样式 end ***************************/

/*************************** header start ***************************/
#top_bar_outer{ width: 100%; height: 46px; border-bottom: 1px solid #e6e6e6;}
#top_bar{ max-width: 1160px; height: 46px; line-height: 46px; margin: 0 auto;}
#top_bar .header_left{ float: left;}
#top_bar .header_left .info_item{ float: left; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; padding: 0 20px; overflow: hidden;}
#top_bar .header_left .info_item:first-child{ border-right: 0;}
#top_bar .header_left .info_item:hover .info_txt{ color: #8ac759;}
#top_bar .header_left .info_item .info_img{ float: left; width: 17px; height: 46px;}
#top_bar .header_left .info_item .info_img img{ max-width: 100%; max-height: 100%;}
#top_bar .header_left .info_item .info_txt{ float: left; color: #999; margin-left: 10px; text-decoration: none;}

#top_bar .header_right{ float: right;}
#top_bar .header_right .share_header_img{ float: left; width: 45px; height: 46px; border-right: 1px solid #e6e6e6;}
#top_bar .header_right .share_header_img:first-child{  border-left: 1px solid #e6e6e6;}
#top_bar .header_right .share_header_img img{ max-width: 100%; max-height: 100%;}

#top_bar .language{ float: right; width: 90px; height: 46px; line-height: 46px; text-indent: 10px; color: #999; font-size: 14px; border-right: 1px solid #e6e6e6; background: url('../Images/language_bg.png') no-repeat 70px center; cursor: pointer; position: relative;}
/*#top_bar .language .goog-te-gadget-simple{ border: none; background: none;}*/
#top_bar .language .language_list{ display: none; width: 175%; background: #8ac759; position: absolute; z-index: 15;}
#top_bar .language .language_list .language_item{ display: block; width: 100%; height: 30px; line-height: 30px; color: #fff; text-decoration: none;}
#top_bar .language:hover .language_list{ display: block;}

#header_outer{
 position: relative;
 z-index: 10;
 width: 100%;
 height: 100px;
 background: #fff;
 -webkit-box-shadow: 0 1px 2px #ccc;
 -moz-box-shadow:0 1px 2px #ccc;
 -ms-box-shadow:0 1px 2px #ccc;
 -o-box-shadow:0 1px 2px #ccc
 box-shadow:0 0 1px 2px #ccc;
}

.header_position{ position: fixed !important; top: 0; left: 0; z-index: 10;}

#header{ width: 100%; position: relative;
    z-index: 10;
    width: 100%;
    height: 100px;-webkit-box-shadow: 0 1px 2px #ccc;
    -moz-box-shadow: 0 1px 2px #ccc;
    -ms-box-shadow: 0 1px 2px #ccc;
    -o-box-shadow: 0 1px 2px #ccc box-shadow:0 0 1px 2px #ccc;}
#header .logo{ display: block; float: left; width: 168px; height: 100px;}
#header .logo img{ max-width: 100%; max-height: 100%;}

#header .nav{ float: right; margin-top: 40px;}
#header .nav .nav_item{ display: inline-block; width: auto; height: 23px; font-size: 15px;font-weight:600; margin: 0 20px; color: #333; text-decoration: none;}
#header .nav .nav_item:hover{ border-bottom: 2px solid #71bb36;}
#header .nav .cur{ border-bottom: 2px solid #71bb36;}

/*************************** header end ***************************/

/*************************** footer start ***************************/
#footer_outer{ width: 100%; height: 640px; background: #383a3d; margin-top: 30px;}
#footer{ max-width: 1160px; height: 100%; margin: 0 auto;}
#footer .footer_left{ float: left; width: 400px; margin-left: 88px; margin-top: 130px;}
#footer .footer_left .footer_info{ width: 100%;}
#footer .footer_left .footer_info .info_item{ width: 360px; min-height: 24px; margin-bottom: 21px; padding-left: 40px; font-size: 16px; color: #999;}
#footer .footer_left .footer_info .info_item a{color: #999;}
#footer .footer_left .footer_share{ width: 100%; margin-top: 70px; overflow: hidden;}
#footer .footer_left .footer_share .share_img{ float: left; width: 28px; height: 28px; background: #e6e6e6; margin-right: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;}
#footer .footer_left .footer_share .share_img:hover{ background: #ff8c00;}
#footer .footer_left .footer_share .share_img img{ max-width: 100%; max-height: 100%;}
#footer .footer_left .copyright{ width: 100%; margin-top: 21px; font-size: 14px; color: #999;}

#footer .footer_right{ float: left; width: 670px; margin-top: 50px;}
#lib_feedback_form{ width: 100%;}
#lib_feedback_form .rows{ width: 100%; margin-top: 10px;}
#lib_feedback_form .rows .input{ width: 648px; height: 50px; padding: 0 10px; font-size: 18px; color: #808082; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; background: none;}
#lib_feedback_form .rows .contents{ width: 648px; height: 160px; font-size: 18px; color: #808082; font-family: Verdana;padding: 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; background: none; overflow: hidden;}
#lib_feedback_form .rows .vcode_outer{ float: right;}
#lib_feedback_form .rows .vcode_outer .vcode{ float: left; width: 100px; height: 32px; font-size: 14px; margin-top: 10px; margin-right: 15px;}
#lib_feedback_form .rows img{ float: left; margin-top: 10px;}
#lib_feedback_form .rows .form_button{ float: right; width: 122px; height: 50px; border: none; background: #8ac759; font-size: 18px; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;}
/*************************** footer end ***************************/

/*************************** gloabl start ***************************/
.icon_heart{width:18px; height:18px; background:url(../Images/normal.png) no-repeat -679px -71px; display:inline-block; vertical-align:top;}

.pro_left{width:238px;}
.pro_left .ad{margin-top:20px;}
.pro_right{width:720px;}

.sidebar{border:1px #e6e6e6 solid; margin-top:20px;}
.sidebar .b_title{height:35px; line-height:35px; border-bottom:1px #ccc dashed; margin:0 10px; font-size:15px;}
.sidebar .b_bottom{line-height:30px; color:#1363bc; text-decoration:none; margin-left:10px;}

.side_category{border:1px #d5d5d5 solid; background:#fff;}
.side_category a{display:block; padding-left:13px; border:0;}
.side_category .current{background:url(../Images/cate_menu.png) no-repeat 3px 9px; color:#f60; font-weight:bold;}
.side_category .cate_title{padding:5px 0; line-height:160%; background:#e6e6e6; padding-left:15px; font-weight:bold;}
.side_category .cate_menu dd{padding:0 3px;}
.side_category .cate_menu dd.first{margin:0 3px; padding:0;}
.side_category .cate_menu dd.first>a{border-bottom:1px #d5d5d5 dotted; background-position:3px 13px;}
.side_category .cate_menu dd:first-child{border-top:0;}
.side_category .cate_menu dd>a{line-height:33px;}
.side_category .cate_menu dl{padding-left:7px; border-bottom:1px #dadada solid;}
.side_category .cate_menu dl dd{border-top:0;}
.side_category .cate_menu dl a{border:0; line-height:26px;}
.side_category .cate_menu dl dl{border-bottom:0;}

.popular_search{border:1px #d5d5d5 solid; background:#fff;}
.popular_search .title{height:28px; line-height:28px; background:#e8e8ea; padding:0 9px; font-weight:bold;}
.popular_search .view{margin:10px; line-height:23px;}
.popular_search .view a{text-decoration:underline; margin-right:7px;}
.popular_search .view a.big{font-weight:bold;}

#what_hot .pro_item{padding:10px;}
#what_hot .pro_item:hover{background:#f7f7f7;}
#what_hot .pro_item>dt{width:82px; height:82px; text-align:center; vertical-align:middle; border:1px solid #f2f2f2;}
#what_hot .pro_item>dt img{max-width:100%; max-height:100%;}
#what_hot .pro_item .pro_info{width:121px; overflow:hidden; margin-left:10px;}
#what_hot .pro_item .pro_name{height:50px; overflow:hidden; line-height:140%; margin-bottom:5px;}
#what_hot .pro_item a{color:#666;}

#special_offer .pro_item{border-bottom:1px #ddd solid; padding:15px 10px;}
#special_offer .pro_item:hover{background:#f7f7f7;}
#special_offer .pro_item dt{width:96px; height:96px; text-align:center; margin:0 auto; position:relative; overflow:inherit;}
#special_offer .pro_item dt img{max-width:100%; max-height:100%;}
#special_offer .pro_item dt>.icon_discount{position:absolute; top:-10px; right:-40px; width:30px; height:30px; color:#fff; border-radius:999%; -ms-border-radius:999%; -moz-border-radius:999%; -webkit-border-radius:999%; line-height:15px; padding:9px;}
#special_offer .pro_item dt>.icon_discount b{font-size:16px;}
#special_offer .pro_item dd{padding:0 13px;}
#special_offer .pro_item .pro_name{height:30px; overflow:hidden; line-height:140%; margin:5px 0 12px;}
#special_offer .pro_item a{text-decoration:none; color:#666;}
#special_offer .pro_item del{margin-left:20px; color:#666; font-size:12px;}
#special_offer .pro_item del .currency_data, #special_offer .pro_item del .price_data{color:#666; font-size:12px; font-weight:normal;}
#special_offer .last{border-bottom:0;}
/*************************** gloabl end ***************************/