/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600);*/

body,html{height: 100%; background-color:#fff; font-family: 'Open Sans', sans-serif; font-weight:normal; }
a:hover{ color:#6ba300; text-decoration:none; }


/*************************** Header *****************************/

#headerOut{ height:113px; background-color:#f6f6f6; border-bottom:#db2d2c 1px solid; }
#headerIn{ height:105px; border-bottom:#8e8e8e 1px solid;}
#lang{ padding-top:34px;  text-align:right;  color:#2c2c2c;text-shadow: 0 1px 0 rgba(255,255,255,.8); font-size:12px;  background:url(../images/common/index.png) top no-repeat;}
#lang a:link ,#lang a:visited,#lang a:active{color:#2c2c2c;text-decoration:none;}
#lang a:hover{ color:#2c2c2c; text-decoration:none; }
#lang .contacts{ background:url(../images/common/mail.jpg) left no-repeat; padding-left:24px; padding-right:9px; padding-top:2px; line-height:14px;}
#lang .lang{ background:url(../images/common/dotline.jpg) left no-repeat; padding-left:9px;}
.langBt{ display:block; padding:2px 9px; float:left; height:13px; margin-right:5px;}
.activeEn{ background:url(../images/common/engBg.jpg) no-repeat; color:#FFF;text-shadow: 0 0px 0 rgba(255,255,255,.8);}

#search{ padding-top:19px;}
#search .searchInput{ width:236px; height:17px; background:url(../images/common/searchBg.jpg); line-height:17px; border:0; vertical-align:bottom; margin-right:5px;}

#navContainer{border-bottom:#f5f5f5 1px solid;}
#nav{ padding-top:18px; }

/*************************** Footer *****************************/
#footerOut{ height:206px; background:url(../images/common/footerBg.jpg) repeat-x; padding-top:19px; margin-top:20px; }
#footerIn1{ height:120px; margin-bottom:20px;}
#footerIn1 ul li{ float:left; height:110px; font-size:12px; padding-top:10px; color:#4d4d4d;}
#footerIn1 ul li h1{ font-weight:bold; padding-left:27px; height:17px; line-height:17px; margin-bottom:20px;}
#footerIn1 ul li p{ padding-left:27px; height:18px; line-height:18px; margin-bottom:5px;}
.home{ background:url(../images/common/home.png) no-repeat}
.phone1{ background:url(../images/common/phone1.png) no-repeat}
.phone2{ background:url(../images/common/phone2.png) no-repeat}
.phone3{ background:url(../images/common/phone3.png) no-repeat}
.mail1{ background:url(../images/common/mail1.png) no-repeat}
.mail2{ background:url(../images/common/mail2.png) no-repeat}
.mail3{ background:url(../images/common/mail3.png) no-repeat}
#footerIn1 a:link ,#footerIn1 a:visited,#footerIn1 a:active{color:#4d4d4d;text-decoration:none;}
#footerIn1 a:hover{ color:#e72e25; text-decoration:none; }

#footerIn2{}
#footerIn2 .copyright{ font-size:11px; font-style:italic; padding-top:35px; margin-right:10px; color:#4d4d4d;}
#socailIcon img{ margin-right:35px;}
/*************************** Content *****************************/
#slider{ height:330px; margin-top:10px; border-bottom:#f5f5f5 1px solid;}

.title{ padding-left:20px; padding-bottom:10px; background:url(../images/common/c.png) no-repeat 0px 4px; margin-top:20px; font-family:"Century Gothic"; font-size:16px; font-weight:bold; height:16px; line-height:16px; border-bottom:#f0efef 1px solid; margin-bottom:10px; color:#4d4d4d;}
.indextitle{ padding-left:20px; padding-bottom:10px; background:url(../images/common/c.png) no-repeat 0px 4px; margin-top:20px; font-family:"Century Gothic"; font-size:16px; font-weight:bold; height:16px; line-height:16px; color:#4d4d4d;}
.title a:link ,.title a:visited,.title a:active{color:#4d4d4d;text-decoration:none;}
.title a:hover{ color:#e72e25; text-decoration:none; }

.content{ font-size:12px; line-height:20px; color:#505050;}
.content a:link ,.content a:visited,.content a:active{color:#4d4d4d;text-decoration:none;}
.content a:hover{ color:#e72e25; text-decoration:none; }
.content h2{ font-size:14px; font-weight:bold; margin-bottom:20px; color:#464646;}
#CompanySlider{ height:300px; margin-top:20px;}
#CompanySlider #bigPic{ width:660px; height:300px;}
#CompanySlider #bigPic img{
	position:absolute;
	display:none;
}
#CompanySlider #thumbs{ width:300px; height:300px;}
#CompanySlider #thumbs li{ float:left; width:100px; height:100px; cursor:pointer;}
#CompanySlider #thumbs li.active img{box-shadow:inset 0 0 10px #06C;}
#contactMap{ height: 310px; }
.shadow{box-shadow:inset 0 0 10px #06C;}

/*************************** Catalog list *****************************/

ul#catlist{ }
ul#catlist li{ width:298px; height:298px; margin:10px; float:left; position:relative; overflow:hidden; border:#f0efef 1px solid;}
ul#catlist li .mask{ width:298px; height:278px; position:absolute; z-index:10; background-color:#000; display:none; filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
ul#catlist li .more{ width:50px; height:50px; position:absolute; top:100px; left:125px; z-index:11;display:none;}
ul#catlist li .titleBar{ height:35px; width:278px; padding-top:15px; padding-left:20px; position:absolute; z-index:12; bottom:0;font-family:"Century Gothic"; font-size:18px; font-weight:bold; color:#FFF;}
ul#catlist li .titleBar a:link ,ul#catlist li .titleBar a:visited,ul#catlist li .titleBar a:active{color:#fff;text-decoration:none;}
ul#catlist li .titleBar a:hover{ color:#fff; text-decoration:underline; }

/*************************** Product list *****************************/
ul#prolist{ }
ul#prolist li{ float:left; width:310px; height:130px; margin:5px; border-top:#d9d9d9 1px solid; position:relative; padding-top:5px;}
ul#prolist li img{ float:left; display:block;}
ul#prolist li .newIcon{ width:34px; height:21px; display:block; position:absolute; background:url(../images/common/new-icon.png); z-index:11; left:4px; top:-5px;}
ul#prolist li .intro{ float:left; padding:20px 0 0 10px; font-size:12px; line-height:18px; color:#949494; width: 200px;}
.flag{ display:block; position:absolute; padding-left:18px; left:110px; text-align:left; font-size:10px; color:#949494; -webkit-text-size-adjust:none; height:11px; line-height:10px; }
.it{ background:url(../images/common/it.gif) no-repeat right;}
.de{ background:url(../images/common/de.gif) no-repeat right;}

/*************************** Product page *****************************/
#productIntro{ padding:15px 5px 25px 5px; line-height: 27px; color: #4d4d4d;}
.blockBg{ background:url(../images/common/blockBg.jpg) no-repeat top center; padding-top:20px; padding-bottom:15px;}
.blocktitle{ padding-left:20px; padding-bottom:10px; background:url(../images/common/c.png) no-repeat 0px 4px; font-family:"Century Gothic"; font-size:16px; font-weight:bold; height:16px; line-height:16px; margin-bottom:5px; color:#4d4d4d;}
ul#collection{}
ul#collection li{ float:left; height:228px; width:468px; margin:5px; background:#cececf; padding:1px}
ul#collection li .inner{height:210px; width:463px;  background:#FFF; padding: 13px 0px 5px 5px;}
ul#collection li .inner img{float:left;}
ul#collection li .inner .intro{ padding:50px 0 0 22px; float:left; font-size:12px; word-break:break-all; word-wrap:break-word; line-height:22px; color:#4d4d4d; width:290px;}
ul#collection li .inner .intro .ctitle{font-family:"Century Gothic"; font-size:18px; color:#d45500; font-weight:bold; line-height:30px; }


#DesignertIntro{ padding:15px 5px 25px 5px; line-height: 27px;text-indent: 32px; color: #4d4d4d;}
#DesignertIntro img{ margin-right: 20px; padding-bottom: 5px; }


ul#accessories{}
ul#accessories li{ float:left; width:150px; margin:5px;height:160px;}
ul#accessories li .outer{ float:left; height:98; width:148px; background:#cececf; padding:1px; margin-bottom:10px;}
ul#accessories li .outer .inner{height:98px; width:148px; }
ul#accessories li p{ font-family: "微软雅黑"; display:block;-webkit-text-size-adjust:none; font-size:11px; text-align:center; line-height:16px; color:#2daebf; }

/*************************** Serv page *****************************/
#service{ padding-top:10px; padding-bottom:20px; font-size:14px; color:#4d4d4d; line-height:24px;}

ul#download{}
ul#download li{ float:left; width:310px; margin:5px;height:130px; position:relative;}
ul#download li .outer{ float:left; height:98; width:98px; background:#cececf; padding:1px; margin-bottom:10px; margin-right:10px;}
ul#download li .outer .inner{height:98px; width:98px; background-position:center; background-repeat:no-repeat; }
ul#download li p{ display:block; font-size:13px;  line-height:25px; }
ul#download li .down{ position:absolute; width:87px; height:32px; z-index:20; left:110px; top:67px;}
/*************************** Index page *****************************/

ul.prolist{ }
ul.prolist li{ float:left; width:320px; height:130px; margin:5px 0; border-top:#d9d9d9 1px solid; position:relative; padding-top:5px;}
ul.prolist li img{ float:left; display:block;}
ul.prolist li .newIcon{ width:34px; height:21px; display:block; position:absolute; background:url(../images/common/new-icon.png); z-index:11; left:4px; top:-5px;}
ul.prolist li .intro{ float:left; padding:20px 0 0 10px; font-size:12px; line-height:18px; color:#949494; width: 210px;}

.outer2{width:298px; height:172px; background:#cececf; padding:1px; margin-bottom:10px;}
.inner2{width:298px; height:172px; background-color:#FFF;}
ul#par{ background:url(../images/common/parbg.jpg) repeat-y 7px 0px  ;}
ul#par li{ padding:4px 5px; float:left;  display:block; width:87px; height:74px;}
ul#par li img{ display:block;}

.outer1{width:298px; height:363px; background:#cececf; padding:1px; margin-bottom:10px; margin-top:10px;}
.inner1{width:298px; height:363px; background-color:#FFF;}

/*************************** Exhibition page *****************************/

ul#exhibition{}
ul#exhibition li{ float:left; width:100%; margin:0px;   border-bottom:#f0efef 1px solid; padding:1px}
ul#exhibition li .inner{ background:#FFF; padding: 0px 0px 5px 5px;}
ul#exhibition li .inner .intro{ padding:10px 0 0 0px; float:left; font-size:16px; word-break:break-all; word-wrap:break-word; line-height:30px; color:#4d4d4d; text-align:left; }
ul#exhibition li .inner .intro .ctitle{font-family:"Century Gothic"; font-size:16px; color:#d45500; font-weight:bold; line-height:30px; width:200px; float:left; display:block;  }




ul#exhibitionPhoto{}
ul#exhibitionPhoto li{ float:left; width:150px; margin:5px;height:160px;}
ul#exhibitionPhoto li .outer{ float:left; height:148px; width:148px; background:#cececf; padding:1px; margin-bottom:10px;}
ul#exhibitionPhoto li .outer .inner{height:148px; width:148px; background-position:center; background-repeat:no-repeat; display:block; cursor:pointer; }

/*************************** Designer page *****************************/

ul#designer{}
ul#designer li{  margin:5px;height:200px;}
ul#designer li .outer{ float:left; height:188px; width:248px; background:#cececf; padding:1px; margin-bottom:10px;}
ul#designer li .outer .inner{height:188px; width:248px; display:block; cursor:pointer; background-position:center; background-repeat:no-repeat; }
ul#designer li p{ width:678px; display:block;-webkit-text-size-adjust:none; font-size:12px; text-align:left; line-height:22px; float:left; padding-left:20px; word-break:break-all; }

ul#designer li p a:link ,ul#designer li p a:visited,ul#designer li p a:active{color:#4d4d4d;text-decoration:none;}
ul#designer li p a:hover{ color:#e72e25; text-decoration:none; }

ul#link{}
ul#link li{margin:5px;height:135px;}
ul#link li .outer{ float:left; height:126px; width:148px; background:#cececf; padding:1px; margin-bottom:10px;}
ul#link li .outer .inner{height:126px; width:148px; background-position:center; background-repeat:no-repeat; display:block; cursor:pointer; }
ul#link li p{ width:780px; display:block;-webkit-text-size-adjust:none; font-size:12px; text-align:left; line-height:22px; float:left; padding-left:20px; word-break:break-all; }

ul#link li p a:link ,ul#link li p a:visited,ul#link li p a:active{color:#4d4d4d;text-decoration:none;}
ul#link li p a:hover{ color:#e72e25; text-decoration:none; }