@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
    padding: 0;
}
@font-face{font-family:"Vegur";src:url("../fonts/vegur-regular-webfont.eot");src:local("☺");src:url("../fonts/vegur-regular-webfont.woff") format("woff");src:url("../fonts/vegur-regular-webfont.ttf") format("truetype")}
body{ font-family: "Vegur",sans-serif;font-size:12px;}
h1 {
    color: #000;
    font-size: 18px;
    font-weight: normal;
    margin: 40px 0 30px;
    padding: 0;
    text-transform: uppercase;
}

h2, h3 {
    color: #777;
    font-size: 16px;
    font-weight: normal;
    margin: 30px 0 10px;
    text-transform: uppercase;
}
p {
    color: #777;
    font-size: 12px;
    font-weight: normal;
    line-height:200%;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
a{ text-decoration:none; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a:hover{color:#DA3333;}
ul{list-style:none; margin:0; padding:0;}
.clear{ clear:both; height:0;}
.wrapper{ width:960px; margin:0 auto;}
.container{ margin-bottom:40px;}
.logo{ text-align:center;margin-top:-10px;}
.toplink{ clear:both; padding:10px 0;width:960px; margin:0 auto;}
.toplink > li{ float:right; line-height:20px; padding:0 10px; height: 20px;}
.language em { background:url(../images/flag.png) no-repeat; width:20px; height:11px; display:block; float:left; margin-top:4px;}
.toplink li.language{ background:url("../images/language-select.jpg") no-repeat scroll right center rgba(0, 0, 0, 0); padding-right:20px; margin-right:10px; position:relative;}
.language .EN_flag_top{background-position: left -33px;}
.language .CN_flag_top{background-position: left -88px;}
.flag_top{ display:none; position:absolute; width:100%;}
.language:hover .flag_top{ display:block;}
.flag_top li:hover{ background:#eeeeee;}
.flag_top li{ border-bottom:1px dotted #333;}
.socially{ border-left:1px solid #999;}
.menu{ margin:10px 0; border-bottom: 2px solid #000;}
.nav{padding:6px 0; text-align:center; width:100%;}
.nav > li{display:inline; padding:7px 0; position:relative;}
.nav > li .level2 {display:none;border:1px solid #000; padding:20px; position:absolute; left:-100px; top:27px; width:230%; z-index:9999; background:#fff;}
.nav > li.Company .level2 > ul > li{padding:0 13px;}
.nav > li .level2 > ul > li{ display:inline; padding: 0 20px;width: 23%; border-right:1px dotted #999;font-family:arial;}
.nav > li.design .level2 > ul > li{padding: 0 13px;/*width: 27%;*/}
.nav > li.collections .level2 > ul > li{ padding: 0 13px;width: 47%;}
.nav > li .level2 > ul > li:last-child{border-right:none;}
.nav > li .level2 > ul > li a{ }
.nav > li .header_arrow_top{ display:none; background:url("../images/nav-hover.jpg") no-repeat scroll center bottom rgba(0, 0, 0, 0); width:9px; height:6px; position:absolute; bottom:0px; left:50%; z-index:99999;}
.nav > li:hover .header_arrow_top{ display:block;}
.nav > li:hover > .level2{ display:block;}
.nav > li > a{font-size: 16px; padding: 5px 30px; text-transform:uppercase;}
.nav > li.collections .level2{width:170%;}
.nav > li.design .level2{width:220%;left: -90px; }
.nav > li.lace .level2{left: -150px; width: 340%;}
.collections .level2 > ul > li{ float:left; text-align:left; min-height:140px;}
.design .level2 > ul > li{ float:left; text-align:left; }
.collections .level3{}
.level3 li { color:#999; font-size:14px; float:none; clear:both; padding:3px;}
.level3 li a{color:#999;}
.level3 li a:hover{color:#DA3333;}
.breadcrumbs{ margin-bottom:20px;}
.breadcrumbs li{ display:inline-block;}
.Join-us, .Value, .History{background: url("../images/history-bg.jpg") no-repeat scroll right 0 rgba(0, 0, 0, 0); min-height: 325px;}
.content{ font-size:14px; padding:20px 0;}
.content span{ color:#f00;}
.content a{ color:#F00; text-decoration:underline;}
.content a:hover{ text-decoration:none;}
.content .part{ margin-bottom:20px; font-size:12px;}
.content .part h3{ margin-bottom:10px;}
.Join-us .content, .Design-team .content, .Value .content, .History .content{padding:20px; color:#000; margin:20px 0; border:5px solid #efefef; filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;z-index:100; background-color:#ffffff;width:60%;}
.FAQ .content{padding:20px; color:#000; margin:20px 0; border:5px solid #efefef; filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;z-index:100; background-color:#ffffff;}
.masonry{ width:100%; overflow:hidden;}
.masonry li{float:left; margin-right:10px; margin-bottom:10px; height:254px; overflow:hidden;}
.left{float:left;width:54%;}
.right{float:right;}
.Contact, .Message{ width:49%;}
.Contact{ font-size:12px;}
.Contact h3, .Message h3{ font-size:16px; margin-bottom:20px;}
.Contact ul li{ margin-bottom:10px;}
.Contact ul{ margin-bottom:20px;}
.static-form {
    font-size: 12px;
}
.static-form label {
    color: #777;
    display: inline-block;
    text-transform: uppercase;
    vertical-align: middle;
    width: 130px;
}
.static-form input[type="text"], .static-form input[type="password"] {
    border: 1px solid #000;
    border-radius: 5px;
    display: inline-block;
    padding: 5px;
    vertical-align: middle;
    width: 300px;
}
.static-form textarea {
    border: 1px solid #000;
    border-radius: 5px;
    display: inline-block;
    height: 70px;
    padding: 5px;
    resize: none;
    vertical-align: middle;
    width: 300px;
}
.static-form .submit-outer {
    padding: 20px 0 20px 130px;
    text-align: center;
}
.static-form .field {
    padding: 10px 0;
}
.static-form .submit-outer input[type="button"], .static-form .submit-outer input[type="submit"] {
    background-color: #000;
    border: 0 none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    outline: 0 none;
    padding: 10px 50px;
    text-transform: uppercase;
}
.title{ border-top:1px solid #eee; position:relative; text-align:center; margin-bottom:20px;}
.titleh1{  display:inline-block; border:1px solid #eee; background-color:#fff; border-top:1px solid #fff;margin-top:-1px; padding:0 20px 5px; font-size:18px; font-weight:normal; }
.title h1 {background:url("../images/cate_bg.png") no-repeat scroll right 4px #fff; padding:0 20px 0 0; font-size:18px; font-weight:normal; margin:0;}
.product-list .content{padding-top:0;}

.item{ width:25%; float:left;}
.Fabrics .item{ width:33%;margin: 0 1px;}
.item a.style span.cover {
   background-color: rgba(0,0,0, 0.3);
    color: #333;
    display: block;
     
    height: 22px;
     
    padding: 4px 10px 4px 0;
    position: relative;
    text-align: center;
    width: 220px;
	font-family: "Vegur",sans-serif;
	font-size:18px;
}
 
.Fabrics .item a.style span.cover{width:300px;}
.item a.style {
    color: #000;
    display: inline-block;
    margin: 0 5px 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: top;
    width: 230px;
}
.Fabrics .item a.style{width: 310px;}
.item a.style img {
    display: block;
    height: 307px;
    width: 230px;
}
.Fabrics .item a.style img {
    display: block;
    height: 210px;
    width: 100%;
}
.Fabrics .list{ margin-bottom:20px;}
.item a.style span.cover strong {
    color: #fff;
    font-weight: normal;
}
/* --------- start 2014.11.26 index-catalog-moudle   ---------------------------------------------------------------------*/
.index_middle_bg { width:958px;float: left; border:1px solid #CCCCCC; height:132px;margin-bottom:20px;font-family:Arial, Helvetica, sans-serif;}
a.index_middle_bor {width:328px; height:130px;float:left;display:block;color:#000;margin:1px 0 1px 1px;position:relative;
	background: url("../images/triangle_icon.jpg") no-repeat scroll right -264px #fff;}
.index_middle_list_bg {width:300px; height:130px;float:left;}
.index_middle_two {margin:1px 0 ;}
.index_middle_bor_two {}
a.index_middle_right {width:299px;position:relative;margin: 1px 1px 1px 0;display:block;color:#000;}
a.index_middle_bor:hover, a.index_middle_right:hover {color:#000;}

.index_middle_bor:hover {background-position:right 0px; background-color:#eee;}
.index_middle_right:hover {background-color:#eee;}
.index_middle_bor:hover .index_triangle_left, .index_middle_right:hover .index_triangle_left {
	background:url(../images/triangle_icon.jpg) no-repeat scroll 0 -132px;width:28px;height:132px;position:absolute;left:-28px;top:-1px;}

.index_middle_list_bg h3 {height:32px;line-height:32px;margin-top:10px; padding-left:15px;font-family:Tahoma, Geneva, sans-serif; font-weight: normal;
	text-align:left;font-size:20px;color:#000;text-transform: uppercase;}
.index_middle_list {margin:0 10px 0 15px;}

.index_middle_list_bg p {width:100%;font-size:12px;height:45px;line-height:15px; text-align:left;margin:6px 0;}
.index_middle_list_bg p span {color:#cc0000;}
.button_index {
    color: #000000;display:block;font-size:12px;font-weight: bold;text-decoration: none; text-transform: uppercase;}
.index_middle_bor:hover .button_index, .index_middle_list_bg:hover .button_index {color: #d63333; text-decoration:underline;}
.index_list_two {}
.index_list_two p {}
/* --------- start 2014.11.26 index-catalog-moudle   ---------------------------------------------------------------------*/

/*main_footer*/
.main-footer{width:960px;margin:0 auto;padding:0;text-align:center;padding-bottom:80px;zoom:1; overflow:hidden; padding-top:20px; border-top:4px solid #000000;}
.main-footer strong{ color:#6A6A6A;}
.footer_img ul,.foot-nav ul{list-style:none;}
.foot-nav{ width:970px; float:left;padding-top:7px;}
.foot-nav li{float:left;background:url("../images/footerli_bg.gif") no-repeat right center;padding:0 12px;}
.footer_img{ float:left; width:100%;height:77px; text-align:center;margin-top: 5px;}
.footer_img ul li{float:left;padding:0 2px;}
.footer_img img {vertical-align:middle;margin-right: 5px;}
.main-footer a{text-decoration:none;color:#050505; font-weight:bold;}
.main-footer a:hover,.main-footer a:visited{ text-decoration:none; color:#050505;}
.bookmark{ font-size:11px; font-family:Verdana, Geneva, sans-serif;color:#666; margin-top:5px;}
.community_font{ color:#050505; font-weight:bold; float:left; text-transform:uppercase; font-style:italic; font-size:14px;}
.copyright{ float:left; width:100%; text-align:center;}
.foot-tag{ float:left;}
.box-HelpCenter_foot{width:100%;float:left;}
.footer_alpha {margin:10px auto 0;height:25px;line-height:25px;}
.footer_alpha a, .footer_alpha span {padding-left:6px;color: #050505;  font-weight: bold; text-decoration: none;}
.footer_alpha a:hover {color:#cc0000;}

.social_share {width:100%;float:left;padding-bottom:20px;margin-bottom: 20px;}
.social_share h3 {text-align: center;font-size: 18px; font-weight: normal; letter-spacing: 1px; text-transform: uppercase;
	background:url("../images/icn-background.gif") repeat-x scroll center center;margin-bottom: 10px;}
.social_share h3 span {  background: none repeat scroll 0 0 #FFFFFF;
    padding: 0 10px;
}

.social_share ul{ float:left; /*width:370px;*/ margin-top:6px;height:36px;}
.social_share ul li{float:left;width:36px;height:36px;margin-right:11px;}
.social_share ul li a{display:block;width:36px;height:36px;float:left;background-attachment: scroll;
	background-image:url("../images/share.png");background-repeat: no-repeat;background-position: 0px 0px;}

.social_share ul li a.foot_at {background-position: 0px -40px;}
.social_share ul li a.foot_ap {background-position: 0px -80px;}
.social_share ul li a.foot_av {background-position: 0px -120px;}
.social_share ul li a.foot_ay {background-position: 0px -160px;}
.social_share ul li a.foot_ai {background-position: 0px -200px;}
.social_share ul li a.foot_ab {background-position: 0px -240px;}
.social_share ul li a.foot_atu {background-position: 0px -280px;}
.social_share ul li a.foot_ag {background-position: 0px -320px;}

.social_share fieldset {
    border: 1px solid #B1B1B1; height: 45px; padding: 0 15px;
    text-align: center; /*width: 468px;*/float:left;width:auto;
}
.social_share fieldset legend {font-family: Arial;
    font-size: 16px;font-weight: bold; text-transform: uppercase;
    margin-left: 130px;padding:0 8px;}
.social_share ul{ background-color:#fff;padding-left:11px;width:auto;}

.box-Newsletter{width:485px;float:right;margin-top: 5px;}
.Newslet_list, .Feedback_list {
    float: left;
    width: 100%;
}
.newsCont{ float:left; width:100%; position: relative;}
.newsCont .p_text { float:left; width:190px;margin-right:5px;}
.newsCont p{ font-size:13px; color:#777;height:20px;line-height:20px;margin-top:12px;text-align:right;}

#newsletterForm {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 290px;
}
#newsletter_email{ float:left;width:190px; color:#666; text-indent:10px; border:1px solid #CDCDCD;
	font-size:13px; height:26px; line-height:25px; background:none; font-family:Arial, Helvetica, sans-serif;}

#news-button {
    background-color: #1d252d;
    border: medium none;
    color: #fff;
    display: inline;
    float: right;
    height: 28px;
    width: 90px;
}
/*---------------------------------    banner ----------------------------------*/
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:960px; height:558px; margin:20px auto; background:#333; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:50%; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:50%; right:10px; z-index:10;}
#playBox .smalltitle {width:1000px; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#69aaec;}
/*---------------------------------    banner ----------------------------------*/

.product-view{padding-bottom:40px;}
.media{ float:left; width:70%;}
.description{ float:right; width:30%;}
.big-image{float:left;}
.small-image{float:right; margin-right:40px;}
h2.collection-name {
    font-size: 17px;
    margin: 0;
    padding: 0;font-weight: normal;
    text-transform: uppercase;
}
.sku {
    color: #777;
    font-weight: normal;text-transform: uppercase;font-size: 16px; padding: 0 0 20px;
}

.description h3 {
    color: #404040;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
.description p{color: #404040;
    font-size: 12px;
    margin: 10px 0 25px;
    text-transform: none;}
	
.description h3.available {
    color: #404040;
    font-size: 12px;
    margin-bottom: 30px;
    margin-top: 15px;
    text-transform: uppercase;
}
.atic{padding:20px; border:1px dashed #efefef; margin-bottom:20px; line-height:18px;}
.teamPoto {width:39%;}
.designAic{width:58%; padding:20px 10px 20px 0; line-height: 18px;border-right: 1px dotted #eeeeee;}
.designer2{ margin:20px 0; clear:both; padding-top:20px; border-top: 1px dotted #eeeeee;}
.timeline{ text-align:center; margin-bottom:40px;}
.timeline h1{ text-align:left;}
.Join-us, .designc, .about-us{ background:url(../images/about-us-bg.jpg) no-repeat; height:520px; padding: 30px 20px 20px;}
.designc{ background:url(../images/about-us-bg2.jpg) no-repeat;}
.Culture{background:url(../images/culture-bg.jpg) no-repeat;padding:30px 0;height:620px;}
.Culture > div{ width:720px; margin:0 auto;}
.Culture img{ border:5px solid #CCCCCC;}
.Culture p{font-size: 14px; color: #222;}
.Contact-us{ background:url(../images/contactusbg.jpg) no-repeat;padding:0 20px;}
.FAQ .left{width:48%;}
.FAQ .left p{line-height:150%;}



ul.homepage-blocks {
    list-style: outside none none;
    padding: 30px 0 40px;
}

ul.homepage-blocks li {
    display: inline-block;
    vertical-align: top;
}
ul.homepage-blocks li a {
    text-decoration: none;
}
ul.homepage-blocks li img {
    display: block;
    height: 400px;
    width: 290px;
}

ul.homepage-blocks li span.cover {
    background-color: rgba(0,0,0, 0.3);
    color: #fff;
    display: block;
    font-size: 16px;
    /*margin-top: -40px;*/
    padding: 10px 0 12px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
ul.homepage-blocks li + li {
    margin-left: 39px;
}