@charset "UTF-8";
/* CSS Document */

/*Make position:fixed work in IE6!*/

.fixed-top /* position fixed Top */{position:fixed;bottom:auto;top:0px;}
.fixed-bottom /* position fixed Bottom */{position:fixed;bottom:0px;top:auto;}
.fixed-left /* position fixed Left */{position:fixed;right:auto;left:0px;}
.fixed-right /* position fixed right */{position:fixed;right:0px;left:auto;}

* html,* html body /* IE6 Fixed Position Jitter Fix */{background-image:url(http://www.dx-studio.com/images/dot.gif);background-attachment:fixed;}
* html .fixed-top /* IE6 position fixed Top */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}
* html .fixed-right /* IE6 position fixed right */{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));}
* html .fixed-bottom /* IE6 position fixed Bottom */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
* html .fixed-left /* IE6 position fixed Left */{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft));}

.abouttitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#e83426;
	font-weight:bold;
	margin:0 0 8px 0;
}
#about_company_txt, #about_client_txt, #about_service_txt{ display:none;}

body{
	background-color: #e6e6e6;
	font-family: Helvetica, Arial, sans-serif;
	margin:0px;
	border:0px;
	font-size:12px;
	line-height:16px;
	color:#333;
}

#container{
	margin:auto;
	width:974px;
	height:auto;
	background-color:#FFF;
	padding-top:168px;
}

#head{
	width:974px;
	height:120px;
	line-height:120px;
	background-color:#FFF;
	float:left;
	z-index:2;
}
#headLine{
	width:1px;
	height:89px;
	line-height:89px;
	font-size:0px;
	background-color:#CECECE;
	margin:18px 0 0 40px;
	float:left;
}

#menu{
	width:941px;
	height:48px;
	padding:0px 0px 0px 33px;
	line-height:30px;
	background-color:#1D1D1B;
	float:left;
	position:relative;
	z-index:1;
}

#menu ul{list-style:none outside none;padding:0;margin:0;}
#menu ul li{float:left;height:48px;line-height:48px;}
#menu ul a{display:block; line-height:48px; height:48px; cursor:pointer;border-left:1px #fff solid}
#menu ul .about{width:146px; background: url(http://www.dx-studio.com/images/menu_en.png) no-repeat 0 0; }
#menu ul .about_on{width:146px; background: url(http://www.dx-studio.com/images/menu_en.png) no-repeat 0 -49px; }
#menu ul .works{width:146px; background: url(http://www.dx-studio.com/images/menu_en.png) no-repeat -147px 0;}
#menu ul .works_on{width:146px; background: url(http://www.dx-studio.com/images/menu_en.png) no-repeat -147px -49px;}
#menu ul .contact{width:146px; background: url(http://www.dx-studio.com/images/menu_en.png) no-repeat -294px 0;}
#menu ul .contact_on{width:146px; background: url(http://www.dx-studio.com/images/menu_en.png) no-repeat -294px -49px;}
#menu ul .joinus{width:146px; background: url(http://www.dx-studio.com/images/menu_en.png) no-repeat -441px 0;}
#menu ul .joinus_on{width:146px; background: url(http://www.dx-studio.com/images/menu_en.png) no-repeat -441px -49px;}
#menu ul .space{width:227px;height:48px; line-height:48px;}
#menu ul .in{width:48px;height:48px; line-height:48px; background: url(http://www.dx-studio.com/images/sns_btn.png) no-repeat 0 0;}
/*#menu ul .in:hover{width:48px;height:48px; line-height:48px; background: url(http://www.dx-studio.com/images/sns_btn.png) no-repeat 0 -49px;}*/
#menu ul .sina{width:48px;height:48px; line-height:48px; background: url(http://www.dx-studio.com/images/sns_btn.png) no-repeat -49px 0; border-right:1px #fff solid;}
/*#menu ul .sina:hover{width:48px;height:48px; line-height:48px; background: url(http://www.dx-studio.com/images/sns_btn.png) no-repeat -49px -49px;}*/
.menu{}

#content{
	width:100%;
	height:auto;
	
	background-color:#FFF;
}

#about,#works,#contact,#joinus{width:868px;padding:0px 53px;height:auto;clear:both;}

#logo{
	width:439px;
	height:46px;
	margin:28px auto 0px 31px;
	background-image:url(http://www.dx-studio.com/images/logo.png);
	background-repeat:no-repeat;
	float:left;
}

#headerTitle{
	width:531px;
	height:22px;
	background:url(http://www.dx-studio.com/images/headerTitle.jpg) no-repeat;
	float:left;
	margin:48px 0 0 40px;
}

#rHead{
	width:100px;
	height:120px;
	float:right;
	position:relative;
	z-index:1;
	background-color:#fff;
}
#lngtxt{
	font-size:0px;
	width:53px;
	height:23px;
	/*background: url(http://www.dx-studio.com/images/lng_txt_cn.jpg) no-repeat -132px 0;  height 11px width: 44px;  (0 44 88 132) e_on e_off c_on c_off*/
	margin: 21px 0 auto auto;
	line-height:23px;
}

.dashline{
	font-size:0;
	height:1px;
	line-height:1px;
	overflow:hidden;
	background-image:url(http://www.dx-studio.com/images/dash_line.gif);
}

#lngtxt a{ font-size:30px;background: url(http://www.dx-studio.com/images/lan_btn.png) no-repeat 0px -23px; }
#lngtxt a:hover{ background: url(http://www.dx-studio.com/images/lan_btn.png) no-repeat 0px 0px;}
#head_txt_r{
	width:167px;
	height:46px;
	margin:0 33px auto auto;
	background:url(http://www.dx-studio.com/images/head_txt_r.jpg) no-repeat 0 0;
	line-height:46px;
}

#about_title, #works_title, #contact_title, #joinus_title{
	width:868px;
	height:50px;
	padding-top:30px;
}
#about_title a, #works_title a, #contact_title a, #joinus_title a{
	height:50px;
	display:block;
	line-height:60px;
}
#about_title a{width:215px;background: url(http://www.dx-studio.com/images/title_about.jpg) no-repeat;}
#works_title a{width:334px;background: url(http://www.dx-studio.com/images/title_works.jpg) no-repeat;}
#contact_title a{width:206px;background: url(http://www.dx-studio.com/images/title_contact.jpg) no-repeat;}
#joinus_title a{width:180px;background: url(http://www.dx-studio.com/images/title_joinus.jpg) no-repeat;}

#about_content, .works_content, #contact_content, #joinus_content{
	width:868px;
	height:auto;
	padding:20px 0px 0px 0px;
}
.works_line{height:1px;line-height:1px; font-size:0px; overflow:hidden;background-color:#B2B2B2;margin:0px 0px 20px 0px;}
.works_img_l{width:700px;height:280px;margin-bottom:20px;}
.nikensw{background: url(http://www.dx-studio.com/images/works_nikensw_img.jpg) no-repeat;}
.madisoin{background: url(http://www.dx-studio.com/images/works_madison_img.jpg) no-repeat;}
.dd{ background:url(http://www.dx-studio.com/images/works_ddcnw_img.jpg) no-repeat;}

.dulux{background: url("http://www.dx-studio.com/photos/featured_work/dulux_web/works_dulux_img.jpg") no-repeat;}
.shm {background: url("http://www.dx-studio.com/images/works_shm_img.jpg") no-repeat;}
.trinasolar {background: url("http://www.dx-studio.com/images/works_trina_img.jpg") no-repeat;}
.ford {background: url("http://www.dx-studio.com/images/works_ford_img.jpg") no-repeat;}
.nikefos {background: url("http://www.dx-studio.com/images/works_nikeFOS_img.jpg") no-repeat;}
.nikeaf1 {background: url("http://www.dx-studio.com/images/works_nikeAF1_img.jpg") no-repeat;}


.works_content_l{
	width:700px;
	height:auto;
	float:left;
	padding-right:22px;
}
.works_content_l_txt{
	width:700px;
	height:auto;
	float:left;
}
.works_content_l_l{
	text-align:right;
	width:180px;
	height:auto;
	padding:41px 30px 0px 0px;	
	float:left;
}
.works_content_l_r{
	border-top:1px solid #B2B2B2;
	padding-top:20px;
	width:490px;
	height:auto;
	float:left;
}
.works_content_l_r_title_img{
	width:490px;
	height:30px;
	line-height:30px;
	float:left;
	margin-bottom:10px;
	font-family: 'HelveticaNeueLTStd67MdCn';
	font-size:30px;
	color:#F0363A;
}
.nikensw_title{background: url(http://www.dx-studio.com/images/works_nikensw_title_img.jpg) no-repeat;}
.madison_title{background: url(http://www.dx-studio.com/images/works_madison_title_img.jpg) no-repeat;}
.dd_title{background: url(http://www.dx-studio.com/images/works_ddcnw_title_img.jpg) no-repeat;}
.works_content_l_l_txt_12px{
	font-family: Helvetica,Arial, sans-serif;
	font-size:12px;
	font-style:italic;
}
a:link, a:visited,.underline_red{
	text-decoration:underline;
	color:#f00;
}
.red{
	color:#f00;
}
.works_content_l_l_txt_14px, .smallTitle{
	font-family: Helvetica,Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
}
.text{
	font-size:12px;
	line-height:18px;
}
.italic{
	font-style:italic;
}
#about_img_txt,#joinus_img_txt,#contact_img_txt{
	width:178px;
	height:178px;
	border:1px solid #B2B2B2;
	float:left;
}
#about_img_txt{background: url(http://www.dx-studio.com/images/about_l_txt.jpg) no-repeat;}
#contact_img_txt{background: url(http://www.dx-studio.com/images/contact_l_txt.jpg) no-repeat;}
#joinus_img_txt{background: url(http://www.dx-studio.com/images/joinus_l_txt.jpg) no-repeat;}
#about_mid{
	width:500px;
	padding:0 20px 0 20px;
	float:left;
}
#about_client_btn,#about_service_btn,#about_company_btn{ cursor:pointer;}
#about_mid_txt{
	width:500px;
	height:auto;
	padding-top:20px;
	border-top:1px solid #B2B2B2;
}
.black_line{
	width:868px;
	height:10px;
	background-color:#333;
	line-height:10px;
	font-size:0;
}
.thumb{
	width:68px;
	height:68px;
	margin:0 0 3px 3px;
	float:left;
	border:1px solid #b2b2b2;
	background-color:#b2b2b2;
}
.gallery ul,.gallery_about ul,.gallery_nike ul,.gallery_madison ul ,.gallery_dd ul,.gallery_shm ul,.gallery_dulux ul, .gallery_trinasolar ul, .gallery_ford ul, .gallery_nikefos ul, .gallery_nikeaf1 ul{ list-style: none; margin:0; padding:0;}

.gallery ul li,.gallery_about ul li,.gallery_nike ul li,.gallery_madison ul li ,.gallery_dd ul li, .gallery_shm ul li,.gallery_dulux ul li, .gallery_trinasolar ul li, .gallery_ford ul li, .gallery_nikefos ul li, .gallery_nikeaf1 ul li{ display: inline;float:left; }

.gallery ul div,.gallery_about ul div,.gallery_nike ul div,.gallery_madison ul div,.gallery_dd ul div, .gallery_shm ul div,.gallery_dulux ul div, .gallery_trinasolar ul div, .gallery_ford ul div, .gallery_nikefos ul div, .gallery_nikeaf1 ul div{
	width:68px;
	height:68px;
	margin:0 0 3px 3px;
	border: 1px solid #b2b2b2;
	border-width: 1px 1px 1px;
	cursor:pointer;
	position:relative;	
	*position: inherit;
	z-index:0;
}

.video{
	float:left;
	width:138px;
	height:90px;
	margin:20px 0 3px 3px;
	border: 1px solid #b2b2b2;
	border-width: 1px 1px 1px;
	cursor:pointer;
	position:relative;	
	*position: inherit;
	z-index:0;
}
.gallery ul a:hover img,.gallery_about ul a:hover img,.gallery_nike ul a:hover img,.gallery_madison ul a:hover img, gallery_shm ul a:hover img, gallery_dulux ul a:hover im {
	/*border: 1px solid #f00;*/
	border-width: 1px 1px 1px;
	color: #f00;
}
.gallery ul a:hover,.gallery_about ul a:hover,.gallery_nike ul a:hover,.gallery_madison ul a:hover, .gallery_shm ul a:hover, .gallery_dulux ul a:hover { color: #fff; }
.thumbvideo{
	width:141px;
	height:88px;
	float:left;
	border:1px solid #fff;
	background-color:#fff;
	margin:0 0 3px 3px;
}
.item{
	clear:both;
	float:left;
}
#joblist{width:143px;float:left;}
.pdf{
	font-family: Helvetica,Arial, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#333;
	text-decoration:underline;
}
.txt_link{
	font-family: Helvetica,Arial, sans-serif;
	font-size: 12px;
	line-height:14px;
	color: #999999;
}
.space{width:100%;height:50px;clear:both;}
.thumbspace{width:143px;height:40px;float:left;}
#footer{width:941px;height:50px; background-color:#333;clear:both; color:#ccc; line-height:50px;padding-left:33px; text-align:center;}
#aboutexp, #w_nikeexp, #w_madison,#w_ddxp, #w_trinasolarxp, #w_shmxp,#w_duluxxp, #w_fordxp,#w_nikefosxp,#w_nikeaf1xp{display:none;}
.hand{cursor:pointer;}
.link:link, .link:visited{color:#333}
.link:hover{color:#f00}
.video-js-box { text-align: left; position: absolute; line-height: 0 !important; margin: auto; padding: 0 !important; border: none !important; z-index:100 ; top:100px; margin-left:160px; width:640px;height:360px; background-color:#000; display:none;}

@font-face {
    font-family: 'HelveticaNeueLTStd67MdCn';
    src: url('../more/font/helveticaneueltstd-mdcn-webfont.eot');
    src: url('../more/font/helveticaneueltstd-mdcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../more/font/helveticaneueltstd-mdcn-webfont.woff') format('woff'),
         url('../more/font/helveticaneueltstd-mdcn-webfont.ttf') format('truetype'),
         url('../more/font/helveticaneueltstd-mdcn-webfont.svg#HelveticaNeueLTStd67MdCn') format('svg');
    font-weight: normal;
    font-style: normal;
}