﻿/*
Powered by ly200.com		http://www.ly200.com
广州联雅网络科技有限公司		020-83226791
*/

body{ position: relative; width: 100%;margin:0px;padding:0px;}
#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; overflow: hidden;}
#top_bar .header_left .info_item:first-child{ border-right: 0;}

#top_bar .header_left .info_item .info_img{ float: left; width: 25px; 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: none;}
#top_bar .header_right .share_header_img:first-child{  border-left:none;}
#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;display:none}
/*#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: 70px;
 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{ max-width: 1160px; height: 100%; margin: 0 auto;}
#header .logo{ display: block; float: left; width: 168px; height: 70px;}
#header .logo img{ max-width: 100%; max-height: 100%;}

#header .nav{ float: right; margin-top: 25px;}
#header .nav .nav_item{ display: inline-block; width: auto; height: 23px; font-size: 14px; margin: 0 20px; color: #333; text-decoration: none;text-transform:uppercase;}

#header .nav .cur{ color:#993333;}
#header .nav .cur span{position:relative;top:-1.5px;}
.qr_code_pc{ width: 70px; float: left; padding: 5px; }
.qr_code_pc img{ width: 100%; }
.qr_code_phone{ display: none; }
/*************************** header end ***************************/

/*************************** footer start ***************************/
#footer_outer{ width: 100%; height: 350px; background: #383a3d; margin-top: 55px;}
#footer{ width: 1160px; height: auto; margin: 0 auto;}
#footer .footer_left{ float: left; width: 50%;margin-top: 50px; }
#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;}
#copyright{ margin-top: 1.5em; }
#footer .footer_right{ float: left; width: 50%; margin-top: 50px;}
#lib_feedback_form{ width: 100%;}
#lib_feedback_form .rows{ width: 100%; margin-top: 1.25em;}
#lib_feedback_form .rows label{color:#999;font-size:14px;width:11%;display:inline-block;text-align:left;float:left;}
#lib_feedback_form .rows .input{ width: 80%; height: 2em; padding: 0 10px; font-size: 14px; color: #808082;  background: none;float:left;}
#lib_feedback_form .rows .contents{ width: 80%; height: 120px; font-size: 18px; color: #808082; padding: 10px;  background: none; overflow: hidden;float:right;}
#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: 2em; border: none; background: #242628; font-size: 18px; color: #999999; border-radius: 0px;text-transform:uppercase;}
/*************************** 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 ***************************/
#footer{padding-top:40px;}
#footer h3{font-size:1.725em;font-weight:700;color:#999;text-transform:uppercase;}
#footer p{font-size:14px;color:#666666;}


.guestbook p{
	
	color:#a5a5a5;	
	font-size:1em;
	line-height:1.5;
}

@media  screen and (max-width:1024px)
{
	#float_chat{bottom:256px;}	

	#footer h3,#footer p{padding-left:1%;padding-right:1%;}	
	#top_bar{width:100%;}
	#header{width:100%;}
	.manage{width:100%;min-width:100%;}
	#footer{width:100%;}
	
	#header .nav .nav_item{margin:0 14px;}
	
	
}


@media screen and (max-width:768px)
{

}


@media only screen and (max-width:736px)
{
	.qr_code_pc{ display: none; }
	.qr_code_phone{ display: block; width: 50px; height: 50px; padding: 5px; float: left; }
	#header_outer{ height: 50px; }
	#footer_outer{height:auto;}
	#footer .footer_left{width:96%;padding:0px 2%;float:none;}
	#footer .footer_right{float:none;}
	#footer .footer_left{
		margin-top:2em;
	}
	#footer .footer_right{width:96%;padding:1px 2%;margin-top:0px;background:#383a3d;}
	#lib_feedback_form .rows .contents{
		width:100%;
		font-size:14px;
	}
	#lib_feedback_form .rows .input{
		width:100%;
	}

	body{min-width:100%;}
	#top_bar{width:100%;}
	#footer{width:100%;}
	#top_bar .header_left .info_item{
		padding:0px;
	}
	#top_bar .header_left .info_item .info_txt{
		font-size:12px;
	}
	#top_bar .header_right
	{
		float:right;
		text-align:center;
	}
	
	#top_bar .language
	{
		border:none;
	}
	#header{
		width:100%;
	}
	#header .pc-nav
	{
		display:none;
	}

}

.carousel2{
	position:relative;	
}



#lib_feedback_form .rows .input:focus{border:1px solid #ddd;}
#lib_feedback_form .rows .contents:focus{border:1px solid #ddd;}

#header .nav .nav_item:hover{color:#993333}


/*联系我们页面修改*/
.guestbook-box{
	margin-top:2em;
}
.lable label{
	font-weight:400;
}
.guestbook-box .row{
	margin-bottom:1.5em;
}
.input input,.input textarea{
	width:50%;
	display:inline-block;
	text-indent: 0.5em;
	border-radius:0px;
}


.input input{
	height:2.3em;
}
.input textarea{

	height:12em;
	}
.submit input{
	text-transform: uppercase;
	font-size:1.125em;
	background:#993333;
	color:#fff;
	border:1px solid #993333;
	padding:0.5em 1.5em;
}


@media screen and (max-width:580px)
{
	.input input,.input textarea
	{
		width:100%;
	}
	.guestbooks p{
		padding:0px 5px;
	}
}


@media screen and (min-width:1025px) and (max-width:1920px)
{
	#main{min-height:760px;}	
}
@media screen and (min-width:737px) and (max-width:1024px)
{
	#main{min-height:680px;}	
}
@media screen and (min-width:480px) and (max-width:736px)
{
	#main{min-height:640px;}	
}
@media screen and (max-width:479px)
{
	#main{min-height:600px;}	
}
@media screen and (min-width:737px) and (max-width:800px)
{
	#header .nav .nav_item{ margin: 0 7px; }
}
@media screen and (max-width:425px){
	#top_bar_outer{ border-bottom: none; }
	#top_bar .header_left{ width: 100%; }
	#top_bar .header_right{ width: 100%; float: left; }
}
