/***************/
/*  1. PAGE  */
/***************/

*{padding:0; margin:0;}
/* body {font-size:62.5%; font-family:"trebuchet ms" verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {width:900px; margin:0px auto; margin-top:100px; border:none; font-size:1.0em;}

/**********************/
/*  2. DROP-DOWN MENU */
/**********************/
.dropnav {white-space:nowrap /*IE hack*/; float:left; width:970px; border:none; margin-top:0px;margin-bottom:8px; background:rgb(225,225,225) url(../img/d2.png) repeat; color:rgb(75,75,75);FONT: 12px bold;} /*Color navigation bar normal mode*/

.preload2 {background: url(../newimages/button4.gif);}
.menu2 {padding:0 0 0 4px; margin:0; list-style:none; height:36px; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/;font-family:宋体,arial, verdana, sans-serif;}
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:36px; line-height:33px; color:#fff; text-decoration:none; font-size: 1.0em;  padding:0 0 0 8px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 12px 0 8px; height:36px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 18px 0 8px; height:36px; background:url(../newimages/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(../newimages/button4.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(../newimages/button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(../newimages/button4a.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#fff; background: url(../newimages/button4.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(../newimages/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(../newimages/button4a.gif) no-repeat right top;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:1px; top:35px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:180px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:180px;}
.menu2 :hover ul.sub li a {display:block; font-size:12px; height:22px; width:168px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background:#fff url(../newimages/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#4ab; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#4ab url(../newimages/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#4ab url(../newimages/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:93px; z-index:200; height:auto;}


/*----------------------------*/
/* 2.5 - Navigation - Level 3 */
/*----------------------------*/
.nav3 {overflow: hidden; clear: both; float: left; width: 180px; min-height: 100%; margin: 0px; padding: 0px; color: rgb(75,75,75); font-size: 1.0em;}
.nav3 ul {width: 180px; margin: 0px 0px 20px 0px; padding: 0px; border-bottom: solid 1px rgb(216,206,159); background-color: rgb(255,255,255);}	
.nav3 li {list-style: none; margin: 0px; padding: 0px;}
.nav3 li.title {margin: 0px 0px 0px 0px; padding: 3px 5px 2px 15px; background-color: rgb(240,240,240); color: rgb(7,81,154); text-transform: uppercase; font-weight: bold; font-size: 120%;}
.nav3 li.group a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 15px; border-top: solid 1px rgb(200,200,200); border-left: solid 7px rgb(219,230,241); color: rgb(75,75,75); font-weight: bold; font-size: 100%;}
.nav3 li a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 20px; border-left: solid 7px rgb(219,230,241); color: rgb(75,75,75); text-decoration: none; font-size: 100%;}
.nav3 li a:hover, .nav3 li a.selected {border-left: solid 7px rgb(7,81,154);  color: rgb(100,100,100); text-decoration: none;}

/*----------------------------*/
/* 2.5 - END  Navigation - Level 3 */
/*----------------------------*/



/*peng */
/*TOP Navigation      */
.preload1 {background: url(../newimages/pro_drop4_2a.gif);}
.preload1 {background: url(../newimages/pro_drop4_2b.gif);}

.prodrop4 {padding:0 0 0 0px; margin:0; list-style:none; height:36px; background:transparent url(../newimages/pro_drop4_back.gif); position:relative right buttom; z-index:500; font-family:宋体,arial, verdana, sans-serif;float:left;}
.prodrop4 li.top {display:block; float:left;}
.prodrop4 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#666; text-decoration:none; font-size:12px; font-weight:1.5px; padding:0 0 0 10px; cursor:pointer;background: url(../newimages/pro_drop4_0a.gif) no-repeat;}
.prodrop4 li a.top_link span {float:left; display:block; padding:0 20px 0 10px; height:36px;background:url(../newimages/pro_drop4_0b.gif) right top;}
.prodrop4 li a.top_link:hover {color:#000; background: url(../newimages/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li a.top_link:hover span {background:url(../newimages/pro_drop4_2b.gif) no-repeat right top;}

.prodrop4 li:hover > a.top_link {color:#000; background: url(../newimages/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li:hover > a.top_link span {background:url(../newimages/pro_drop4_2b.gif) no-repeat right top;}


.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop4 ul.sub1 {width:160px;}
.prodrop4 ul.sub2 {width:110px;}
.prodrop4 ul.sub3 {width:90px;}
.prodrop4 ul.sub4 {width:112px;}

.prodrop4 :hover ul {left:0; top:35px; background: #b9d3fb; padding:3px; border:1px solid #3a93d2; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.prodrop4 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.prodrop4 :hover ul li a {display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#3a93d2; color:#fff;}




/*peng */
/*TOP Navigation      */


/*peng*/
/*Buttom Navigation    */
.buttomnav {white-space:nowrap /*IE hack*/; float:left; width:100%; border:none; margin-top:0px;margin-bottom:8px; background:rgb(225,225,225) url(../newimages/bg_buttom.jpg) repeat; color:rgb(75,75,75);FONT: 12px bold;} /*Color navigation bar normal mode*/

/*peng*/
/*Buttom Navigation    */


/*peng */
/*Center Box  */
.xsnazzy h1, .zsnazzy h1 {
margin:0; 
font-size:1.2em; 
padding:0 10px 5px 10px; 
border-bottom:1px solid #444;
}
.xsnazzy p, .zsnazzy p {
margin:0; 
padding:5px 10px; 
font-size:10px;
}
.xsnazzy {
background: transparent; 
width:580; 
float:left; 
margin:1px 1px;
z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/
}

.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1 {
margin:0 5px; 
background:#444;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid #444; 
border-width:0 1px; 
height:auto;
}
* html .xboxcontent {
height:1px;
}

.color_a {
background:#c9ba65;
color:#fff;
}
.color_b {
background:#d4d8bd; 
color:#000;
}
.color_c {
background:#758279; 
color:#fff;
}
.color_d {
background:#b2ab9b; 
color:#000;
}



.spiffydiv {width:596px;
position:static
}
    .spiffy{display:block 
	}   
  .spiffy *{   
    display:block;   
    overflow:hidden; 
	height:1px;   
    font-size:.01em;   
    background:#86C2FF
	
	
	}   
   .spiffy1{   
     margin-left:3px;   
    margin-right:3px;   
    padding-left:1px;   
    padding-right:1px;   
     border-left:1px solid #86C2FF;  
     border-right:1px solid #86C2FF;  
    background:#86C2FF}   
  .spiffy2{   
   margin-left:1px;   
   margin-right:1px;   
     padding-right:1px;   
    padding-left:1px;   
     border-left:1px solid #86C2FF;  
     border-right:1px solid #86C2FF;
     background:#86C2FF}   
  .spiffy3{   
     margin-left:1px;   
    margin-right:1px;   
     border-left:1px solid #86C2FF;   
     border-right:1px solid #86C2FF}   
   .spiffy4{   
    border-left:1px solid #86C2FF;   
   border-right:1px solid #86C2FF}   
   .spiffy5{   
    border-left:1px solid #86C2FF;   
     border-right:1px solid #86C2FF}   
   .spiffyfg{   
   background:#ffffff;
   border:0 solid #86C2FF; 
border-width:0 1px; }  

.spiffy_a {
background:#86C2FF;
padding-left:30px;
FONT-WEIGHT: bold; FONT-SIZE: 1.2em; COLOR:#000033; LINE-HEIGHT: 18px; TEXT-DECORATION: none
}

.nav_b {
background:#86C2FF;
padding-left:12px;
FONT-WEIGHT: bold; FONT-SIZE: 1.1em; COLOR: #ffffff; LINE-HEIGHT: 18px; TEXT-DECORATION: none;
}

.spiffydiv2 
{
width:594px;
border-left:1px solid #86C2FF;   
border-right:1px solid #86C2FF;
border-top:1px solid #86C2FF;   
border-bottom:1px solid #86C2FF;
margin-top:5px
}
/*peng */
/*Center Box  */


/* Main Banner ############################*/
body,ul,ol,li,p,form,fieldset,table,td{font-family:"宋体";}
td,p,li,select,input,textarea,div{font-size:12px;}

ul{list-style-type:none;}
select,input{vertical-align:middle;}

.f14{font-size:14px;}
.lh20{line-height:20px;}
/* banner */

/* 主容器 */
#wrap{width:750px;margin:0 auto;text-align:left;}

/* 播放器样式（部分） */
.itemOff{padding:0 10px 0 10px; height:20px; line-height:20px; background:#cfe6ff; border:1px #5673a8 solid; margin:0 5px 5px 0; float:left; cursor:pointer;top:50px; color:#008; text-align:center;}
.itemOn{padding:0 10px 0 10px; height:20px; line-height:20px; background:#fff; border:1px #5673a8 solid; margin:0 5px 5px 0; float:left; cursor:pointer; color:#008; text-align:center;}
.PListImg{line-height:18px; color:#000; margin-top:15px;}
.PListImg a{text-decoration:underline;}
.PListImg a:link,.PListImg a:visited{color:#000;}
.PListImg a:hover,.PListImg a:active{color:#f00;}
.PListImg .PLDiv{width:115px; height:95px; border:1px #acacac solid; background:#fff;}
.PListImg img{width:105px; height:85px; margin:5px;}

/* Main Banner ############################*/