﻿/*--图片预加载--*/
#popWindow .top{
 background:#000 url(../images/bg_ajaxpop01_top.gif) 0 0 no-repeat;
}
#popWindow .top span.close{
 background:#FFF url(../images/icon_close.gif) 0 0 no-repeat;
}
#popWindow .content{
 background:url(../images/bg_ajaxpop01_content.gif) 0 0 repeat-y;
}
#popWindow .content td.left{
 background:url(../images/bg_ajaxpop01_left.gif) 0 0 repeat-y;
}
#popWindow .content td.right{
 background:url(../images/bg_ajaxpop01_right.gif) 0 0 repeat-y;
}
#popWindow .bottom{
 background:#000 url(../images/bg_ajaxpop01_bottom.gif) 0 0 no-repeat;
}

/*--基本元素--*/
*{
 margin:0;
 padding:0;
}
body{
 text-align:center;
 font-family:simsun,Arail;
 font-size:12px;
 color:#676662;
 background:#56524F;
}
input,select,textarea{
 font-size:12px;
}
th{
 white-space:nowrap;
}
img{
 border:0;
}
input,select{
 vertical-align:middle;
}
a:link{
 color:#676662;
 text-decoration:none;
}
a:visited{
 color:#676662;
 text-decoration:none;
}
a:hover{
 color:#f60;
 text-decoration:underline;
}
a:active{
 color:#f60;
 text-decoration:none;
}
.f60{
 color:#f60;
}
.left{
 float:left;
 width:680px;
}
.right{
 float:right;
 width:280px;
}
#container{
 text-align:center;
 width:994px;
 overflow:hidden;
 margin:0 auto;
 background:#000;
}
/*---页头---*/
#header{
 position:relative;
 z-index:2;
 width:966px;
 height:58px;
 margin:0 auto;
 zoom:1;
 background:#FFF;
}
#header .title{
 width:966px;
 height:54px;
 margin:0 auto;
 background:#000;
}
#header .title h1{
 position:absolute;
 z-index:100;
 left:780px;
 top:5px;
 width:103px;
 height:102px;
 background:url(../images/logo_goretex.gif) 0 0 no-repeat;
}

/*---主体---*/
#content{
 position:relative;
 z-index:1;
 width:994px;
 height:981px;
 overflow:hidden;
 background:url(../images/bg_content.jpg) 50% 0 no-repeat;
}
/*--产品体验团队--*/
#experienceTeam{
 float:left;
 width:994px;
 background:url(../images/bg_experienceTeam.jpg) 231px 42px no-repeat;
}
#experienceTeam .title,#experienceTeam .content{
 float:left;
}
#experienceTeam .title{
 position:relative;
 width:231px;
 height:981px;
 background:url(../images/bg_title_experienceTeam.jpg) 14px 300px no-repeat;
}
#experienceTeam .title h2{
 position:absolute;
 left:310px;
 top:118px;
 width:430px;
 height:95px;
 background:url(../images/title_experienceTeam.gif) 0 0 no-repeat;
}
#experienceTeam .title ul{
 list-style:none;
 position:absolute;
 left:80px;
 top:0;
 width:195px;
 height:362px;
 background:url(../images/bg_nav.gif) 0 0 no-repeat;
}
#experienceTeam .title ul li{
 position:absolute;
 width:127px;
 height:36px;
}
#experienceTeam .title ul li.introduce{
 z-index:5;
 left:10px;
 top:104px;
 background:url(../images/bg_default_nav.gif) 2px 0 no-repeat;
}
#experienceTeam .title ul li.join{
 z-index:4;
 left:18px;
 top:140px;
 background:url(../images/bg_default_nav.gif) -6px -40px no-repeat;
}
#experienceTeam .title ul li.shoe{
 z-index:3;
 left:27px;
 top:167px;
 background:url(../images/bg_default_nav.gif) -15px -71px no-repeat;
}
#experienceTeam .title ul li.clothes{
 z-index:2;
 left:34px;
 top:199px;
 background:url(../images/bg_default_nav.gif) -21px -102px no-repeat;
}
#experienceTeam .title ul li.team{
 z-index:1;
 left:42px;
 top:234px;
 background:url(../images/bg_default_nav.gif) -28px -142px no-repeat;
}
#experienceTeam .title ul li a{
 text-indent:-9999px;
 display:block;
 width:127px;
 height:37px;
 line-height:37px;
 overflow:hidden;
}
#experienceTeam .content{
 <!--[if gte IE 6.0]> width:562px; <![endif]-->
 <!--[if lt IE 5.5]> width:756px; <![endif]-->
 text-align:left;
 position:relative;
 font-size:14px;
 width:562px;
 height:781px;
 overflow:hidden;
 padding:241px 154px 0 40px;
 background:url(../images/bg_content_experienceTeam.gif) 599px 745px no-repeat;
}
.columnstyle1{
 <!--[if gte IE 6.0]> width:512px; <![endif]-->
 <!--[if lt IE 5.5]> width:562px; <![endif]-->
 clear:both;
 text-align:left;
 line-height:24px;
 margin:0 0 20px 0;
 padding:0 0 0 50px;
}
.columnstyle1 h3{
 font-size:14px;
}
.columnstyle1 .emphasis{
 font-size:12px;;
}
/*---页尾---*/
#footer{
 text-align:left;
 color:#848484;
 width:994px;
 overflow:hidden;
 zoom:1;
 padding:20px 0;
}
#partners .title{
 padding:0 0 0 20px;
}
#partners .title h2{
 font-size:12px;
}
#partners .content{
 padding:5px 0 0 20px;
}
#partners .content ul{
 list-style:none;
 line-height:20px;
}
#partners .content ul li{
 float:left;
 width:88px;
}
#partners .content ul li a{
 color:#848484;
}
/*--弹出层--*/
.loading{
 display:none;
 position:relative;
 left:0;
 height:300px;
 width:100%; 
 overflow:hidden;
 background:#fff url(../images/loading.gif) 50% 50% no-repeat;
}	
#popWindow{
 clear:both;
 position:absolute;
 z-index:1000;
 top:0;
 left:0;
 width:100%;
 height:1240px;
 overflow:hidden;
}
#overlay{
 position:absolute;
 z-index:100;
 left:0;
 top:0;
 width:100%;
 height:100%;
 -moz-opacity:0.5;
 opacity:0.5;
 filter:alpha(opacity=50);
 background-color:#000;
}
#lightbox{
 position:relative;
 z-index:100;
 top:10%;
}
#popWindow .top,#popWindow .content,#popWindow .bottom{
 clear:both;
 width:610px;
 margin:0 auto;
}
#popWindow .top{
 position:relative;
 height:25px;
 overflow:hidden;
 background:#000 url(../images/bg_ajaxpop01_top.gif) 0 0 no-repeat;
}
#popWindow .top h2{
 float:left;
 font-size:12px;
 color:#FFFFFF;
 line-height:26px;
 margin:0;
 padding:0 0 0 30px;
}
#popWindow .top span.close{
 position:absolute;
 left:588px;
 top:6px;
 display:block;
 width:16px;
 height:14px;
 overflow:hidden;
 background:#FFF url(../images/icon_close.gif) 0 0 no-repeat;
}
#popWindow .top span.close a{
 position:relative;
 z-index:100;
 display:block;
 text-decoration:none;
 text-indent:-9999px;
 cursor:pointer;
 width:16px;
 height:14px;
 overflow:hidden;
}
#popWindow .content{
 background:url(../images/bg_ajaxpop01_content.gif) 0 0 repeat-y;
}
#popWindow .content table{
 width:100%;
 border-collapse:collapse;
}
#popWindow .content td.middle{
 width:598px;
}
#popWindow .content td.left,#popWindow .content td.right{
 width:6px;
 height:100%;
}
#popWindow .content td.left{
 width:6px;
 background:url(../images/bg_ajaxpop01_left.gif) 0 0 repeat-y;
}
#popWindow .content td.right{
 width:6px;
 background:url(../images/bg_ajaxpop01_right.gif) 0 0 repeat-y;
}
#popWindow .content td.middle{
 text-align:left;
 word-wrap:break-word;
 word-break:break-all;
 color:#000;
 font-size:12px;
 line-height:22px;
 padding:0;
 background:#FFFFFF;
}
#popWindow .bottom{
 height:6px;
 line-height:6px;
 overflow:hidden;
 background:#000 url(../images/bg_ajaxpop01_bottom.gif) 0 0 no-repeat;
}
/*---popwindow---*/
#pop{
 width:598px;
 overflow:auto;
 margin:0 auto;
 border-bottom:6px solid #9E9E9E;
 background:#FFF;
}
#pop ul{
 list-style:none;
 width:530px;
 line-height:20px;
 margin:0 auto;
 padding:20px 0;
}
#pop ul li{
 float:left;
 text-align:left;
 width:245px;
 margin:2px 0 0 0;
 padding:0 0 0 5px;
}
#pop ul li.pic{
 width:268px;
 overflow:hidden;
 margin:0;
 padding:0;
}
#pop ul li.pic img{
 width:240px;
 height:240px;
}
#pop ul li.pic p{
 text-indent:2em;
 margin:0 10px 0 0;
 padding:0 0 10px 0;
}
#pop ul li.brand{
 text-align:right;
}
#pop ul li.belong{
 color:#FFF;
 background:#9E9E9E;
}
#pop ul li.intro{
 float:none;
 clear:both;
 width:100%;
 overflow:hidden;
}
#pop ul li.intro h3{
 font-weight:normal;
 font-size:12px;
}
#pop ul li.intro ol{
 width:530px;
}
#pop ul li.intro ol li{
 width:520px;
 padding:0 0 0 10px;
 background:url(../images/dot_li_01.gif) 0 6px no-repeat;
}
/*---隐藏元素---*/
#header .title h1 span,#experienceTeam .title h2 span,.columnstyle2 .title h2 span,.columnstyle2 .content h2 span,#popWindow{
 display:none;
 visibility:hidden;
}