#hotpic {width:405px; height:240px; float:left; overflow: hidden; border:solid 1px #ddd;}
#NewsPic {position: relative; width:405px; height:240px; overflow:}
#NewsPic .Picture {position: absolute; left: 0; top: 0; }
#NewsPic .Nav {position: absolute; height: 13px; line-height: 14px; bottom: 0; right: 0; }
#NewsPic .Nav span {font-size: 12px; font-weight: 400; color: #FFF; float: right; display: block; width: 24px; text-align: center; background: #000; border-left: solid 1px #FFF; cursor: pointer; }
#NewsPic .Nav span.Normal { color: #FFF; background: #000; filter: Alpha(opacity=50); opacity: .5; }
#NewsPic .Nav span.Cur { background: #ce0609; color: #FFF; }
#NewsPicTxt { position: relative; width: 325px; height: 22px; border: 1px; margin: 0; padding-top: 4px; text-align: center; font-family: Sans-Serif; font-weight: 700; color: #000; font-size: 14px; margin-left: auto; margin-right: auto; margin-top: 3px; }
#NewsPicTxt a:link, #NewsPicTxt a:visited { font-family: "Microsoft Yahei"; font-size: 16px; font-weight: 700; color: #000; text-decoration: none; }
#NewsPicTxt a:hover { color: red; }


#hotpic{ position:relative;}
#hotpic .changeBox,#hotpic .change,#hotpic .li,#hotpic .li img{ height:240px; width:405px; overflow:hidden; position:relative;}
#hotpic .li { position:absolute;}

#hotpic .changeBtnBox {width:120px; position:absolute; height: 15px; line-height:16px; bottom: 0; right: 0; z-index:1000000000 }
#hotpic .changeBtnBox li { float:left;width:24px;}
#hotpic .changeBtnBox .btn { float:left;font-size: 12px; font-weight: 400; color: #FFF; float: right; display: block; width: 24px; text-align: center; background: #000; border-left: solid 1px #FFF; cursor: pointer;color: #FFF; background: #000; filter: Alpha(opacity=50); opacity:0.5; }
#hotpic .changeBtnBox .btn.hot{ background: #ce0609; color: #FFF;  filter: Alpha(opacity=100); opacity:1;}
#hotpic .changeBox { z-index:0}