body{padding:0;margin:0px;font-size:12px; background:url(/Hb_Active/Hb_weihailvyou/images/bg.jpg)}
h2,h3,h4,h5,p,ul,li{margin:0px;padding:0;}
h4{font-size:12px;color:#666}
font{font-size:12px;}
ul,li{list-style:none}
img{border:none;display:block}
a{color:#444; text-decoration:none}
a:hover{color:#444;text-decoration:underline}
.nav{width:900px;height:100px;margin:auto;padding-top:80px;}
.banner .topBg{height:446px;background:url(/Hb_Active/Hb_weihailvyou/images/bgTop.jpg) top center no-repeat}
.banner .bottomBg{height:380px;background:url(/Hb_Active/Hb_weihailvyou/images/bgBottom.jpg) top center no-repeat;}
.banner .bottomBg .starfish{position:absolute;background:url(/Hb_Active/Hb_weihailvyou/images/haixing.png) no-repeat;	height:198px;width:222px;left:674px;top:162px;}
.pict{background:url(/Hb_Active/Hb_weihailvyou/images/pict.p ng) no-repeat;width:959px;height:178px;position:absolute;left: -18px;top: 250px;z-index:1;}
.banner .bottomBg .team{background:url(/Hb_Active/Hb_weihailvyou/images/per.png) no-repeat;height:247px;width:932px;margin:0 auto;position:relative}
.logo{width:729px;height:394px;margin:auto;padding-top:15px;}
.flash{ position:absolute;left:150px;top:60px !important;top:-20px;}
.flash a{float:left;display:block;margin-right:0px;border:2px solid #fff;padding:1px;}
.flash a:hover{display:block;border:2px solid #094}
.games{width:975px;margin:0 auto;}
.allPic{height:200px;top:60px !important;top:-25px;}
.games h3{width:46px;float:left;padding:0 0 0 30px;height:162px;}
.pics{padding:0 0 0 28px; float:left;width:800px;}
.footer{margin-top:100px;text-align:center;padding:80px 0 100px 0;color:#b2e2f9;clear:both;background:#07abf8 url(/Hb_Active/Hb_weihailvyou/images/weave.jpg) repeat-x top;line-height:24px; height:100%;}
.footer a{color:#b2e2f9;}
.thought{clear:both;font-size:12px;height:100%;width:975px;margin:auto; position:relative}
.thought .title{
	background:url(/Hb_Active/Hb_weihailvyou/images/jtxy.png) no-repeat left;
	height:122px;
	width:306px;
	position:absolute;
	left: 3px;
}
.thought ul{padding-top:80px;height:100%}
.thought li{background:#fff;width:430px;border:1px dotted #b0ac8e;float:left;margin:15px 20px 15px 12px;display:inline;padding:8px 10px 4px 10px;line-height:20px;}
.thought .content{height:100%;}
.thought .content h2{text-align:center;padding:20px 0;font-size:24px;color: #0099FF}
.thought .content .Cont{line-height:24px;font-size:14px;padding:10px 50px;color:#666}
.thought .content .Cont p{margin-bottom:10px;}
.thought .content .Cont img{padding:5px;border:1px #000 solid;margin:10px 0;}


.seaContent{height:100%;}
.seaContent li{background:url(/Hb_Active/Hb_weihailvyou/images/picBg.png) no-repeat center bottom;width:307px;height:100%;float:left;padding-left:17px;margin-bottom:20px}
.seaContent li img{border:5px solid #fff}
.seaContent li span{display:block;text-align:center;padding-top:8px;margin-top:8px;height:26px;color:#999;font-size:12px}




#lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#outerImageContainer{position: relative;background-color: #fff;width:700px;margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav{position: absolute;top: 0;left:0;height: 100%;width: 100%;z-index:10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(/Hb_Active/Hb_weihailvyou/images/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/Hb_Active/Hb_weihailvyou/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/Hb_Active/Hb_weihailvyou/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{font-weight:bold;font-size:14px;line-height:20px;}
#imageData #numberDisplay{display:block;clear:left;font-size:8px;padding-bottom:1.0em;}			
#imageData #bottomNavClose{width:25px; float:right;padding-bottom:0.7em;}	
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;filter:alpha(opacity=60);
-moz-opacity: 0.6;opacity: 0.6;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display: block;}