.hb { width: 100%; height: 2510px; position: relative; } 
.hdl-pic { position: absolute; z-index: 9; left: 0; top: 0; width: 480px; height: 640px; overflow: hidden; } 
.hdl-text { position: absolute; z-index: 10; left: 420px; top: 60px; width: 560px; height: 220px; background: #fff; } 
.hdl-text .title { position: absolute; z-index: 11; left: 0; top: 35px; width: 26px; height: 80px; background: url(../images/hdl.png) no-repeat; text-indent: -999px; overflow: hidden; } 
.hdl-text .con { padding: 35px 80px 0 55px; } 
.hdl-text .con h2 { font-size: 20px; line-height: 24px; padding-bottom: 6px; } 
.hdl-text .con p { line-height: 28px; padding-bottom: 10px; } 
.hdl-text .con .fanfan { float: left; display: block; width: 70px; height: 30px; line-height: 30px; background: #333; text-align: center; color: #fff; } 
.headlines .slogan { position: absolute; z-index: 9; right: 0; top: 15px; width: 430px; height: 18px; line-height: 18px; font-family: KaiTi; font-style: italic; font-size: 16px; color: #888; } 
.headlines .slogan .wb-gz-btn { position: absolute; right: 0; top: -2px; width: 63px; height: 23px; } 

.pict-block { opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; -khtml-opacity: 0; filter: alpha(opacity=0); } 
.pict { position: absolute; z-index: 9; left: 0; top: 0; width: 230px; height: 530px; background: #fff; overflow: hidden; } 
.pict .cover { width: 230px; height: 377px; } 
.pict .cover div { float: left; margin: 1px 0 0; width: 58px; height: 66px; overflow: hidden; } 
.pict .cover .main-img { margin: 0; width: 230px; height: 310px; } 
.pict .cover .main-img img { max-width: 230px; min-height: 310px; _width: 230px; _height:310px; } 
.pict .cover .thumb-img img { max-width: 57px; _width: 57px; } 
.pict .cover .last-img { width: 56px; } 
.pict .text { padding: 20px; } 
.pict .text h3 { padding-bottom: 5px; line-height: 18px; font-size: 13px; color: #333; text-align: center; } 
.pict .text p { color: #999; line-height: 26px; } 