.fl { float:left} 
.mt10 { margin-left:10px;}
.ml50 { margin-left:50px;}
img { border:none; }
/*top*/

.clearfix{zoom:1}
.warp{width: 1200px; margin-left: auto; margin-right: auto;}
.microHei{font-family:"Microsoft YaHei"}



/*header*/
#header{background:url(../images/brief_01.jpg) repeat-x;height: 126px;padding-top: 0; width:100%;}
#header a.fl{height: 126px}
#header .ban { float:right; width:50px; height:50px; margin-top:30px; filter:alpha(opacity=30);    -moz-opacity:0.3;    -khtml-opacity: 0.3;  opacity: 0.3; }
#header #demo {overflow:hidden;height:50px; line-height:50px;width:900px; color:#d2d2ca;   white-space:nowrap; float:left; margin-top:30px; font-size:24px; margin-left:50px;}


/* CSS Document */
#Version{width:100%;height:870px;position:relative;overflow:hidden;z-index:1;}
#Flash{width:1920px;height:900px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:1;}
#Header{margin:0 auto -290px -960px;width:1920px;height:750px;position:relative;left:50%;}
.hao123 { width:260px; height:20px; top:0px; left:50%; margin-left:450px; filter:alpha(opacity=30);    -moz-opacity:0.3;    -khtml-opacity: 0.3;  opacity: 0.3; position:absolute; z-index:5;  }




.popup {width:715px; height:342px; background:url(../images/popup.png) no-repeat; display:none; padding:65px;}
.popup h3 {height:55px; line-height:55px; padding:0 10px; font-size:33px; font-weight:bold; color:#ddcca8; border-top:1px solid #746549; border-bottom:1px solid #746549; float:left;}
#info{float:left; margin-top:25px;width:715px; color:#ddcca8; font-size:16px; height:260px; overflow:auto;line-height:22px;}
#info p { text-indent:2em; padding:5px 0;}
#info table {margin:20px auto 0; width:600px;}
#info th { background:#432C16;}
#info table,#info th,#info td {border:1px solid #746549; text-align:center; line-height:30px;}
.close{position:absolute;top:0;right:-65px;background:url(../images/popup.png) no-repeat 100% 0;width:53px;height:53px;overflow:hidden; text-indent:-9999px;}

.m1{ width:1100px; height:auto; overflow:hidden;  margin:0 auto; }
.m3 { width:100%; height:auto; overflow:hidden; margin-bottom:50px;  }
.m3_zb { width:1100px; height:auto; overflow:hidden;  margin:0 auto; padding:20px 00px 00px 00px ;  }

.m3_zb_4 { width:240px;  height:auto; overflow:hidden;float:left;    background:url(../images/zb04_z.png) repeat-y;}
.m3_zb_4_t { width:240px; height:24px; background: url(../images/zb04_t.png) no-repeat; float:left}
.m3_zb_4_d { width:240px; height:24px; background:url(../images/zb04_d.png) no-repeat; float:left}
.m3_zb_4 .role-itemst { width: 200px; height: auto; float: left; position: relative; margin-left:20px;  margin-top:-10px }
.m3_zb_4 .role-itemst img { width:200px; height:auto; overflow:hidden;   border:#000 2px solid;border-radius:5px;}
.m3_zb_4 .role-itemst .role-dec { position: absolute; width: 100%; height: 100%; left: -300%; transition: all 0.5s; }
.m3_zb_4 .role-itemst .role-dec-bg { width: 100%; height: 100%; position: absolute; top:0px; left:0; background-color: #000; opacity: 0.7; }
.m3_zb_4 .role-itemst .role-dec-cont { padding: 18px; color: #FFFFFF; position: absolute; line-height: 24px; }
.role-itemst:hover .role-dec { top:0px; left:0px; }


.m3_zb_3 { width:325px;  height:auto; overflow:hidden;  float:left;  background:url(../images/zb03_z.png) repeat-y;}
.m3_zb_3_t { width:325px; height:24px; background: url(../images/zb03_t.png) no-repeat; float:left}
.m3_zb_3_d { width:325px; height:24px; background:url(../images/zb03_d.png) no-repeat; float:left}
.m3_zb_3 .role-itemsy { width: 285px; height: auto; float: left; position: relative;  margin-left:20px;  margin-top:-10px}
.m3_zb_3 .role-itemsy img { width:285px; height:auto; overflow:hidden;  border:#000 2px solid;border-radius:15px;}
.m3_zb_3 .role-itemsy .role-dec { position: absolute; width: 100%; height: 100%; left: -300%; transition: all 0.5s; }
.m3_zb_3 .role-itemsy .role-dec-bg { width: 100%; height: 100%; position: absolute; top:0px; left:0; background-color: #000; opacity: 0.7; }
.m3_zb_3 .role-itemsy .role-dec-cont { padding: 18px; color: #FFFFFF; position: absolute; line-height: 24px; }
.role-itemsy:hover .role-dec { top:0px; left:0px; }

.m3_zb_2 { width:540px;  height:auto; overflow:hidden;;float:left;}
.m3_zb_2_z { width:540px;  height:auto; overflow:hidden;;float:left;background:url(../images/zb02_z.png) repeat-y;;}
.m3_zb_2_t { width:540px; height:140px; background: url(../images/zb02_t.png) no-repeat; float:left}
.m3_zb_2_d { width:540px; height:40px; background:url(../images/zb02_d.png) no-repeat; float:left}
.m3_zb_2 .role-itemsu { width: 455px; height: auto; float: left; position: relative;  margin-left:45px; margin-top:-10px ;}
.m3_zb_2 .role-itemsu img { width:455px; height:auto; overflow:hidden; border:#000 2px solid;border-radius:15px;}
.m3_zb_2 .role-itemsu .role-dec { position: absolute; width: 100%; height: 120px; left: -300%; transition: all 0.5s; margin-top:20px }
.m3_zb_2 .role-itemsu .role-dec-bg { width: 100%; height: 120px; position: absolute; top:0px; left:0; background-color: #000; opacity: 0.7; }
.m3_zb_2 .role-itemsu .role-dec-cont { padding: 18px; color: #FFFFFF; position: absolute; line-height: 24px; }
.role-itemsu:hover .role-dec { top:0px; left:0px; }


.m3_zb_1 { width:1100px;  height:auto; overflow:hidden;  float:left;   background:url(../images/zb01_z.png) repeat-y;}
.m3_zb_1_t { width:1100px; height:140px; background: url(../images/zb01_t.png) no-repeat; float:left}
.m3_zb_1_d { width:1100px; height:40px; background:url(../images/zb01_d.png) no-repeat; float:left}
.m3_zb_1 .role-itemsk { width: 1100px; height: auto; float: left; position: relative;   margin-left:25px;  margin-top:-10px;z-index:1;}
.m3_zb_1 .role-itemsk img { width:1000px; height:auto; overflow:hidden;   border:#000 2px solid;border-radius:15px;}
.m3_zb_1 .role-itemsk .role-dec { position: absolute; width: 100%; height: 150px; left: -300%; transition: all 0.5s; margin-top:20px}
.m3_zb_1 .role-itemsk .role-dec-bg { width: 100%; height: 150px; position: absolute; top:0px; left:0; background-color: #000; opacity: 0.7; }
.m3_zb_1 .role-itemsk .role-dec-cont { padding: 18px; color: #FFFFFF; position: absolute; line-height: 24px; }
.role-itemsk:hover .role-dec { top:0px; left:0px; }

.musicbox{width:65px;height:100px;position:fixed;z-index:500;top:0px;left:50%;cursor:pointer;margin-left:-750px}
.musicplay{background:url(../images/musicplay.png) no-repeat}
.musicstop{background:url(../images/musicstop.png) no-repeat}