@charset "UTF-8";
/**
 * 抗战70周年纪念专题 样式
 * @authors 郭通
 * @date    2015-05-06 11:37:52
 */


.intro{ background: url(../images/kangzhan70/intro-bg.png) no-repeat center; height: 272px; width: 870px; padding:45px;}
.banner{  height: 262px; width: 452px; border:4px solid #5a686f; float: left;  overflow: hidden; position: relative; }
.banner-img{ height: 262px; width: 2300px; position: relative;}
.banner-img li { float: left;} 
.banner-img li a { display: block; }
.banner-img li a  img{ height: 262px;  }
.banner-img li a p{ position: absolute; bottom: -5px; height: 40px; width: 452px; line-height: 40px; font-size: 14px; color: #fff; background: rgba(61,66,67,0.3); text-indent: 1em; }

#banner-btn{ position: absolute; width:100px; height: 10px; bottom: 15px; right :0; }
#banner-btn a li{ float: left; height: 10px; width: 10px; margin-right: 10px;  }
#banner-btn a li.normal{background: url(../images/kangzhan70/banner-btn.png) no-repeat center;}
#banner-btn a li.active{background: url(../images/kangzhan70/banner-btnA.png) no-repeat center;}
.intro p{ width: 350px; float: right; color: #c5cfd4; font-size: 13px; line-height: 25px; text-indent: 2.3em; margin-bottom: 5px;}

.people{ height: 450px; width: 960px; position: relative; background: #4d5c60; margin-top: 70px; padding-top: 1px;}
.people-tit{ background: url(../images/kangzhan70/people-tit.png); height: 69px; width: 430px;  margin-left: 263px; float: left;}
.pic-box{ background: #616e71;  position: relative; width: 960px; height: 407px;}
.pic-box a{ display: inline-block; position: absolute; border: 5px solid #505c61; overflow: hidden; }
.pic-box .pic_1{ top: 35px; left: 20px;  background: url(../images/kangzhan70/pic_1.png); width: 214px; height: 327px; }
.pic-box .pic_2{ top: 35px; left: 256px;  background: url(../images/kangzhan70/pic_2.png); width: 438px; height: 152px; }
.pic-box .pic_3{ top: 210px; left: 256px;  background: url(../images/kangzhan70/pic_3.png); width: 207px; height: 152px; }
.pic-box .pic_4{ top: 210px; right: 256px;  background: url(../images/kangzhan70/pic_4.png); width: 207px; height: 152px; }
.pic-box .pic_5{ top: 35px; right: 20px;  background: url(../images/kangzhan70/pic_5.png); width: 214px; height: 327px;}

.pic-box .layout{ width: 100%; height: 100%;}
.pic-box .pic_1 .layout .pic-tit, .pic_5 .layout .pic-tit{ float: left; height: 50px; line-height: 50px; color: #fff; margin-top: 277px; width: 100%; background: rgba(36,42,43,0.7); padding-left: 20px; font-size: 18px; }
.pic-box .pic_2 .layout .pic-tit, .pic_3 .layout .pic-tit, .pic_4 .layout .pic-tit { float: left; height: 50px; line-height: 50px; color: #fff; margin-top: 102px; width: 100%; background: rgba(36,42,43,0.7); padding-left: 20px; font-size: 18px;}
.pic-box a:hover .layout{ width: 100%; height: 100%; background: rgba(61,66,67,0.7); padding-top: 10px;}
.pic-box a:hover .layout .pic-subtit{ height: 30px; line-height: 30px; color: #fff; font-size: 14px; padding-left: 20px; }
.pic_2:hover .layout .pic-tit { color: #def4fc; margin-top: 52px; background: none;  }
.pic_1:hover .layout .pic-tit, .pic_5:hover .layout .pic-tit{ color: #def4fc; margin-top: 207px; background: none ;   }
.pic_3:hover .layout .pic-tit, .pic_4:hover .layout .pic-tit{ color: #def4fc; margin-top: 32px; background: none;}


.campaign{ background: #4d5c60; margin-top: 70px; padding-top: 1px;}
.campaign-tit{ background: url(../images/kangzhan70/campagin-tit.png); height: 69px; width: 430px;  margin-left: 263px; float: left;}
.campaign-list{ background: #616e71; padding: 35px; }
.campaign-list dl{ float: left;  margin: 9px; }
.campaign-list dl a { display: inline-block; width: 158px; height: 68px; text-align: center; background: #839498; line-height: 68px; color: #def4fc;  font-size: 18px; }
.campaign-list dl a:hover{ background: #a51000;}


.photo{ background: #4d5c60; margin-top: 70px; padding-top: 1px;}
.photo-tit{ background: url(../images/kangzhan70/photo-tit.png); height: 69px; width: 430px;  margin-left: 263px; float: left;}
.imgListBox { padding:25px 0; background:#616e71;}
.imgListBox #pull-left{ float:left; margin-top:185px; width:20px; height:50px;  background:url(../images/kangzhan70/pull-left.png) 0 0; margin-left:17px;}
.imgListBox #pull-left:hover {background-position: 0 50px;}

.imgListBox #pull-right { float:right; margin-top:185px; width:20px; height:50px; background:url(../images/kangzhan70/pull-right.png) 0 0; margin-right:17px;}
.imgListBox #pull-right:hover { background-position: 0 50px;}
.imgListBox .imgList { overflow:hidden; width:840px; height: 430px; float: left; margin-left: 25px; position: relative;}
.imgListBox .imgList ul { width: 2520px; position: absolute; left: 0;}
.imgListBox .imgList ul li { float:left; width:190px; border: 5px solid #505c61; text-align:center; height:185px; margin:10px 5px; background: #505c61; }
.imgListBox .imgList ul li:hover{ background: #829498; border-color: #829498;}
.imgListBox .imgList ul li a{ color:#bbced5;  }
.imgListBox .imgList ul li:hover a { color: #3d494c; }
.imgListBox .imgList ul li p{ height: 30px; line-height: 30px;  font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;  }
.imgListBox .imgList ul li img { width:190px; height:150px;}


/*国际支援*/
.backup{ background: #4d5c60; margin-top: 70px; padding-top: 1px; } 
.backup-tit{ background: url(../images/kangzhan70/backup-tit.png); height: 69px; width: 430px;  margin-left: 263px; float: left;}
.backup .box { padding: 20px; margin: 20px 0;  background: #616e71;}
.backup .box li{ float: left; display: inline-block; width: 380px;height: 40px; margin: 0 30px; padding-left:15px;font-size: 14px; text-align: left; line-height: 40px; background: url(../images/kangzhan70/list-style.png) no-repeat 0 18px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.backup .box li a{ color: #c5cfd4; }
.backup .box li a:hover{ color: #95afb8; text-decoration: underline;}

/*作品征集*/
.collect{ background: #4d5c60; margin-top: 70px; padding-top: 1px; }
.collect-tit{ background: url(../images/kangzhan70/collect-tit.png); height: 69px; width: 430px;  margin-left: 263px; float: left;}
.collect-box{ background: #616e71; padding: 40px;}
.notice{  background: #48555a; height: 360px; width: 455px; float: left; padding: 30px; }
.notice .notice-title{ font-size: 18px; color: #92afba; line-height: 35px; }
.notice .notice-detail{ font-size: 14px; color: #c5cfd4; line-height: 25px;}
.notice .notice-btn{ margin-top: 20px;}
.notice .notice-btn .btn-red{ background: #a51000; display: inline-block; height: 38px; padding: 0 20px; line-height: 38px; color: #fff; text-align: center; margin-right: 20px; }
.notice .notice-btn .btn-red:hover{ background: #b41604;}
.procedure{  background: #48555a; height: 360px; width: 295px; float: right; padding: 30px; }
.proce-title{ background: url(../images/kangzhan70/proce-bg.png); width: 125px; height: 36px; line-height: 36px; text-align: center; color: #c1e0eb; margin-left: -30px;}
.procedure p{ height: 70px; border-bottom: 1px solid #4d5a61;  border-left: 1px solid #526168;  margin-left: 30px; font-size: 14px; color: #c5cfd4; }
.procedure p .step{ background:url(../images/kangzhan70/proce-step.png); width: 25px; height: 21px;  display: inline-block; float: left; margin-top: 25px; margin-left: -10px; line-height: 21px; text-align: center;}
.procedure p .step-cont{ margin-left: 30px; line-height: 70px;}
.procedure p a {  color: #92afba; }
.procedure .remark{ margin-top: 40px; font-size: 14px; }
.procedure .remark div{ line-height: 30px; padding-left: 30px; color: #c5cfd4; }
.procedure .remark div span{ color: #92afba; }

/*专题推荐*/
.zhuanti{ background: #4d5c60; margin-top: 70px; padding-top: 1px; }
.zhuanti-tit{ background: url(../images/kangzhan70/zhuanti-tit.png); height: 69px; width: 430px;  margin-left: 263px; float: left;}
.zhuanti .tuijianList{ width: 900px; padding: 30px; background: #616e71;}
.zhuanti .tuijianList dl dt a img{ width: 250px; height: 115px;}
.zhuanti .tuijianList dl { float: left; padding: 10px; margin: 10px 15px; background: #505c61;}
.zhuanti .tuijianList dl:hover { background: #637b83;  color: #fdf3de;}
.zhuanti .tuijianList dl dd a { color: #bbced5; text-align: center;display: inline-block; width: 100%; font-size: 14px;}
/*评论*/
.comment{ background: #4d5c60; margin-top: 70px; padding-top: 1px; }
.comment-tit{ background: url(../images/kangzhan70/comment-tit.png); height: 69px; width: 430px;  margin-left: 263px; float: left;}
.comment_cont{ background: #616e71; padding: 30px;}
.comment_cont #vv_comment{ border:20px solid #505c61;}