.topicList{overflow:hidden; width:750px;}
.topicList li{width:355px; height:350px; overflow:hidden; float:left; margin:20px 20px 0 0;}
.topicList li h3{height:40px; padding:10px 0 5px; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:18px;}
.topicList li .intro h3 a{color:#333;}
.topicList li .intro h3 a:hover{color:#fc1b1b;}
.topicList li img{width:355px; height:230px; overflow:hidden;}
.topicList li .intro{padding:0 15px; height:119px; border-width:0 1px 1px 1px; overflow:hidden; border-color:#e0e0e0; border-style:solid; width:323px;}
.topicList li .intro span{color:#666; line-height:24px;}
.topicList li .intro a{color:#666;}
.topicList li .intro a:hover{text-decoration:underline;}
.topicList li:hover .intro{border-color:#ccc;}
.banner{background-color:#e6e6e6; width:100%; overflow:hidden;}
.banner .content{width:1100px; background:url(../images/topic-bg.png) top no-repeat; position:relative; margin:0 auto; overflow:hidden;  padding-bottom:50px;}
.banner .content .pic{background-color:#fff; box-shadow:0 5px 5px rgba(0,0,0,.1); float:right; margin-top:50px; padding:10px;}
.banner .content .pic,.banner .content .pic img{width:400px; height:300px; overflow:hidden;}
.banner .content .info{width:650px; float:left;}
.banner .content .info h1{font-size:36px; line-height:48px; padding:40px 0 10px;}
.banner .content .info p{border-bottom:1px solid #ccc; font-size:18px; line-height:36px; color:#666; padding:5px 0 15px; text-align:justify;}
.banner .content .share{float:left; margin-top:20px;}
.topic-main{width:770px; float:left; padding-bottom:30px;}
.topic-main ul{overflow:hidden;}
.topic-main .headlines,.topic-main .headlines dt,.topic-main .headlines img{width:375px; height:250px; overflow:hidden;}
.topic-main .headlines{position:relative; margin-right:20px; padding:0; border-bottom:none;}
.topic-main .headlines h3{position:absolute; left:0; bottom:0; height:36px; line-height:36px; padding:14px 8px 0; background:url(../images/title_bg.png) repeat-x; font-size:16px; width:359px;}
.topic-main .headlines h3 a{color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; width:359px;}
.topic-main .headlines h3 a:hover{text-decoration:underline;}
.topic-main .hl-right{float:right; margin-right:0;}
.topic-main ul li{float:left; width:100%; padding:20px 0; border-bottom:1px dotted #ccc;}
.topic-main ul li:hover{background-color:#fafafa;}
.topic-main ul li dt,.topic-main ul li dt img{width:160px; height:120px; overflow:hidden;}
.topic-main ul li dt{float:left; margin-right:15px;}
.topic-main ul li h3{height:40px; line-height:40px; font-size:18px; padding:3px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.topic-main ul li .time{height:30px; line-height:30px; color:#666;}
.topic-main ul li .intro{height:44px; line-height:22px; overflow:hidden; color:#999;}
.topic-main ul li .intro a{color:#666; margin-left:7px;}
.topic-main ul li .intro a:hover{text-decoration:underline;}
.topic-main .loadMore{width:180px; height:40px; border-radius:20px; border:1px solid #e0e0e0; margin:40px auto 0; text-align:center; line-height:40px; font-size:18px; color:#999; cursor:pointer;}
.topic-main .loadMore i{width:17px; height:17px; display:inline-block; background:url(../images/t_icon.png) 0 -120px no-repeat; margin-right:5px; position:relative; top:2px; +top:-3px; transition:.3s ease-in-out; -webkit-transition:.3s ease-in-out;}
.topic-main .loadMore:hover{border-color:#ccc; }
.topic-main .loadMore:hover i{transform:rotate(180deg); -webkit-transform:rotate(180deg)}
.topic-side{width:300px; float:right;}
.topic-side .sideBox{margin-bottom:10px;}
.topic-side .sideBox .title{height:40px; overflow:hidden; line-height:40px; background-color:#e1e1e1; padding:0 10px;}
.topic-side .sideBox .title h2{display:inline-block; *zoom:1; *display:inline; font-size:18px;}
.topic-side .sideBox .title em{width:3px; height:18px; display:inline-block; background-color:#fc1b1b; position:relative; top:3px; margin-right:6px; +top:-2px;}
.topic-side .sideBox ul li{background-color:#f5f5f5; padding:10px 10px 5px; margin-top:5px; position:relative;}
.topic-side .sideBox ul li:hover{background-color:#ebebeb;}
.topic-side .sideBox dt,.topic-side .sideBox dt img{width:280px; height:150px; overflow:hidden;}
.topic-side .sideBox .tit{position:absolute; background:url(../images/title_bg.png) repeat-x; height:50px; top:110px; left:10px; width:280px;}
.topic-side .sideBox .tit h3{padding:14px 8px 0; height:36px; line-height:36px; overflow:hidden; text-align:center; text-overflow:ellipsis; white-space:nowrap; color:#fff; font-size:16px;}
.topic-side .sideBox .tit h3 a{color:#fff;}
.topic-side .sideBox .tit h3 a:hover{text-decoration:underline;}
.topic-side .sideBox .intro{padding:5px 5px 0; line-height:24px; text-align:justify;}
.topic-side .sideBox .intro a{color:#666;}
.topic-side .sideBox ul li:hover .intro a{color:#333;}