@charset "utf-8";
/* CSS Document */
@import url(type.css);
@import url(layout.css);
h2 {clear:both; color:#FF0033; height:26px; line-height:26px; font-size:11pt; padding:0 0 0 10px; font-family:微软雅黑,宋体,Arial, Helvetica, sans-serif;}

#main_box {background:url(../images/header_bg.jpg) repeat-x; background-color:#FFF;}
/*头部设置*/
#header {height:242px;}
#logo {margin:22px 0 0 17px;}
#step1,#step2,#step3,#step4 {width:133px; height:133px; position:absolute;}
#step1 {left:307px; top:116px; z-index:100;}
#step2 {left:476px; top:99px; z-index:101;}
#step3 {left:620px; top:27px; z-index:102;}
#step4 {left:813px; top:28px; z-index:103;}
#step1 a,#step2 a,#step3 a,#step4 a {width:133px; height:133px; text-indent:-9999px; display:block;}
#step1 a { height:123px;}
#step1 a:hover {background:url(../images/step_hot.jpg) left 0 no-repeat;}
#step2 a:hover {background:url(../images/step_hot.jpg) left -133px no-repeat;}
#step3 a:hover {background:url(../images/step_hot.jpg) left -266px no-repeat;}
#step4 a:hover {background:url(../images/step_hot.jpg) left -399px no-repeat;}
#aMember {position:absolute; width:107px; height:130px; left:737px; top:66px; background:url(../images/member.png) no-repeat; z-index:111; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/member.png");}
#join {width:156px; height:55px; position:absolute; left:673px; top:182px; z-index:110;}
#join a { display:block; width:156px; height:55px; background:url(../images/join.jpg) 0 0 no-repeat; text-indent:-999px;}
#join a:hover {background-position:left -55px;}

#showPhoto {width:426px; height:400px; float:left;}
#searchBox {float:left; width:300px; margin:0 10px 10px 10px;}
#searchBox h2 {background:url(../images/search_bg.gif); color:#FFF; font-size:10pt; letter-spacing:2px;}
#searchBox dl {margin:10px;}
#searchBox dt,#searchBox dd {float:left; height:22px; line-height:22px; margin:8px 0 8px 0;}
#searchBox dt {width:60px;}
#searchBox dd {width:220px;}
#searchBox dd label {margin:0 10px 0 0;}
#searchBox dd select {width:60px;}
#searchBox button {background:url(../images/button_bg.gif); height:22px; line-height:21px; border:#FF0000 1px solid; font-size:9pt;}
#searchBox ul {margin:5px; line-height:20px;}
#searchBox li {display:inline; margin:3px 10px 3px 0; white-space:normal;}
#searchBox li a {padding:3px 0 3px 0;}

#casesBox {width:212px; float:right; border:#FF6699 1px dotted;}
#casesBox h2 {background:#CC0099; clear:both; color:#FFF; height:25px; line-height:25px; font-size:10pt; padding:0 0 0 10px;}
#casesBox ul {margin:10px; height:226px;}
#mediaBox ul {margin:10px; height:180px;}
#casesBox li,#mediaBox li {height:20px; width:180px; overflow:hidden; line-height:20px; background:url(../images/li_arr.gif) left center no-repeat; padding-left:10px;}

#newMember {clear:both; margin:10px 0 10px 0; border:none; border-top:#CC0066 1px solid; background:url(../images/member_bg1.jpg) left 2px repeat-x;}
#newMember h2 {height:40px; line-height:28px; font-size:11pt; color:#a50000; padding:5px 0 0 35px; background:url(../images/new1.gif) left top no-repeat;}
/*#newMember li {margin:0px 5px 10px 5px; width:126px; height:150px; float:left; position:relative;}
#newMember li a img {width:120px; height:150px; border:#FF6699 1px solid; padding:2px;}
#newMember li a:hover img {border:#FF6699 1px dashed;}
#newMember li span {position:absolute; top:130px; left:3px; width:120px; height:20px; line-height:20px; display:block; z-index:8; filter:Alpha(opacity=60); -moz-opacity:0.6; text-align:center; background:#eee; color:#000; font-size:10pt;}
*/
#newMember li {margin:0px 5px 10px 5px; _margin:0px 4px 10px 5px; width:86px; height:100px; float:left; position:relative;}
#newMember li a img {width:80px; height:100px; border:#FF6699 1px solid; padding:2px;}
#newMember li a:hover img {border:#FF6699 1px dashed;}
#newMember li span {position:absolute; top:80px; left:3px; width:80px; height:20px; line-height:20px; display:block; z-index:8; filter:Alpha(opacity=60); -moz-opacity:0.6; text-align:center; background:#eee; color:#000; font-size:10pt; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

#hotMember {border:#FF9999 1px solid; background:url(../images/member_bg.jpg) left 1px repeat-x; padding-top:5px; height:665px;}
#hotMember h2 {float:left; width:150px;}
#hotMember div.bLine {clear:both; border:none; border-top:#d957af 1px solid; width:625px; height:1px; overflow:hidden; margin:0 0 10px 5px;}
#hotMember ul {/* background:url(../images/title_bg.gif) repeat-y;*/ height:26px; float:left; width:470px; overflow:hidden}
#hotMember li {display:inline;}
#hotMember li a {display:block; float:left; margin:0 0 0 2px; width:50px; text-align:center; height:26px; line-height:35px; overflow:hidden; background:url(../images/tab_bg.gif) no-repeat;}
#hotMember li a:hover,#hotMember li a.on {background-position:left -26px; color:#FFF; text-decoration:none;}
#hotMember div.memberContent div {float:left; width:300px; height:130px; margin:9px; _margin:7px;}
#hotMember div.memberContent div.vLine,#hotMember div.hLine {border:none; overflow:hidden;}
#hotMember div.memberContent div.vLine {width:1px; height:125px; _height:120px; border-right:#CCC 1px dashed; margin:10px 0;}
#hotMember div.memberContent div.hLine {width:625px; height:1px; clear:both; border-top:#CCC 1px dashed; margin:0 0 0 5px;}
#hotMember div.memberContent div img {width:90px; height:120px; float:left; margin:0 10px 0 0; padding:2px; border:#FF3366 1px solid;}
#hotMember div.memberContent div h3 {color:#FF0033; height:22px; width:190px; font-size:9pt;}
#hotMember div.memberContent div h4 {font-weight:normal; font-size:9pt; margin:5px;}
#hotMember div.memberContent div p {margin:10px; padding:0; height:50px;}
#hotMember div.memberContent div span {display:block; text-align:right; margin:10px 10px 0 10px; }

#online,#newBlog,#mediaBox {border:#FF9999 1px solid; background:url(../images/member_bg2.gif) left 2px repeat-x; padding-top:5px;}
#online img {float:left; width:65px; height:95px; margin:10px;}
#online h3 {font-size:9pt; color:#6600FF; float:left; width:180px;}
#online p {margin:10px; padding:0; width:200px; height:70px;}

#online {margin:10px 0 0 0;}
#newBlog ul {margin:10px; height:226px;}
#newBlog li,#newsBox li {height:20px; width:260px; overflow:hidden; line-height:20px; background:url(../images/li_bg.gif) left center no-repeat; padding-left:10px;}
#newBlog li span,#newsBox li span {margin-right:6px;color:#FF0033;}
#newBlog li span a,#newsBox li span a {color:#FF0033;}

#mediaBox li {width:260px;}
#videoBox {border: #FFCC99 1px solid; background:url(../images/member_bg3.jpg) left 1px repeat-x; clear:both; padding-top:5px; margin:5px 0 0 0; height:370px;}
#videoBox li {background:url(../images/videobg1.jpg) no-repeat; width:174px; height:159px; float:left; margin:5px 9px 5px 8px; _margin:5px 6px 5px 8px;}
#videoBox li img {margin:2px; width:167px; height:120px; border: #999 1px solid;}
#newsBox {border: #FFCC99 1px solid; background:url(../images/member_bg2.jpg) left 1px repeat-x; clear:both; padding-top:5px; margin:5px 0 0 0; height:150px; margin-top:5px;}
#newsBox ul {margin:10px;}
#newsBox li {float:left; margin:0 10px 0 10px; width:280px;}