/*area1*/
/* .area1{padding-bottom: 40px;}
.area1 a{float: left;position: relative;overflow: hidden;}
.area1 img{width: 100%;height: 100%;}
.area1 h3,.area1 p,.area1 span{position: relative;z-index: 2;}
.area1 .imgS{width: 250px;height: 150px;}
.area1 .imgB{width: 430px;height: 150px;}
.area1 .layer{position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,.7);width: 100%;height: 100%;display: none;}
.area1 .imgS h3{font-size: 16px;color: #fff;margin: 50px 20px;line-height: 22px;}
.area1 .imgB h3{font-size: 20px;color: #fff;margin: 20px 30px;line-height: 24px;font-weight: bold;width: 300px;height: 48px;margin-bottom: 15px;overflow: hidden;}
.area1 .imgB p{color: #fff;line-height: 18px;width: 300px;height: 36px;overflow: hidden;margin-left: 30px;}
.area1 .imgB span{position: absolute;top: 10px;right: 10px;width: 40px;height: 44px;background-color: #ff5500;padding: 8px 10px;font-size: 20px;line-height: 22px;font-weight: bold;color: #fff;}
.area1 a:hover .layer{display: block;}
.area1-color1{background-color: #ff6262;}
.area1-color2{background-color: #20da9b;}
.area1-color3{background-color: #d35ef0;}
.area1-color4{background-color: #ffc12b;}
.area1-color5{background-color: #007eff;} */
/*area1__end*/
.breadcrumbs{padding-bottom: 0;border-bottom: 0;}
/*area1*/
.area1{margin-bottom: 40px;}
.area1-left{float: left;width: 750px;height: 300px;background: url(../../images/news/list/area1_bg1.png) 0 0 no-repeat;}
.area1-right{float: left;width: 430px;height: 300px;background: url(../../images/news/list/area1_bg2.png) 0 0 no-repeat;}
.area1 a{float: left;position: relative;overflow: hidden;}
.area1 img{width: 100%;height: 100%;}
.area1 h3,.area1 p,.area1 span{position: relative;z-index: 2;}
.area1-left a{width: 250px;height: 150px;}
.area1-right a{width: 430px;height: 150px;}
.area1 .layer{position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,.7);width: 100%;height: 100%;opacity: 0;filter: alpha(opacity: 0);background-color: #000\9;}
.area1-left h3{font-size: 16px;color: #fff;margin: 50px 20px;line-height: 22px;height: 44px;overflow: hidden;}
.area1-left a:hover h3{padding-bottom: 4px;border-bottom: 1px solid #999;}
.area1-left h3.layer-h3{display: none;position: absolute;left: 0;top: 0;}
.area1-left a:hover h3.layer-h3{display: block;}
.area1-right h3{font-size: 20px;color: #fff;margin: 20px 30px;line-height: 24px;font-weight: bold;width: 300px;height: 48px;margin-bottom: 15px;overflow: hidden;}
.area1-right p{color: #fff;line-height: 18px;width: 300px;height: 36px;overflow: hidden;margin-left: 30px;}
.area1-right span{position: absolute;top: 10px;right: 10px;width: 40px;height: 44px;background-color: #ff5500;padding: 8px 10px;font-size: 20px;line-height: 22px;font-weight: bold;color: #fff;}
.area1 a:hover .layer{opacity: 1;filter: alpha(opacity: 100);}
.area1-right a:hover h3{display: block;text-decoration: underline;}
/*area2*/
.area2-left{float: left;width: 880px;border-top: 1px dotted #ddd;}
/*editorial*/
.editorial{border-bottom: 1px dotted #ececec;}
.editorial dl{width: 880px;height: 120px;padding: 20px 0;border-top: 1px dotted #ddd;}
.editorial dl:first-child{border-top: 0;}
.editorial dt{width: 190px;height: 120px;overflow: hidden;float: left;}
.editorial dt img{width: 100%;height: 100%;}
.editorial dd{float: right;width: 670px;height: 120px;}
.editorial h3{font-size: 20px;width: 100%;height: 26px;line-height: 26px;overflow: hidden;margin: 5px 0 10px 0;}
.editorial h3 a{color :#565656;}
.editorial p{font-size: 12px;color :#999;line-height: 18px;width: 100%;height: 36px;overflow: hidden;margin-bottom: 25px;}
.editorial h3 a:hover{color: #ff5500;}
.editorial .media-meta{font-size: 12px;color: #999;height: 20px;line-height: 20px;}
.editorial .media-meta span{padding: 0 10px;}
.editorial .media-meta .date,.editorial .media-meta .read,.editorial .media-meta .user{background: url(../../images/news/list/editorial_icon.png) 0 0 no-repeat;}
.editorial .media-meta .date{padding: 0 20px;border-right: 1px solid #ececec;}
.editorial .media-meta .read{background-position: 20px -54px;padding: 0 20px 0 45px;border-right: 1px solid #ececec;}
.editorial .media-meta .user{background-position: 20px -108px;padding: 0 20px 0 45px;}
.editorial .media-meta .more{float: right;width: 73px;height: 23px;line-height: 23px;text-align: center;color: #007eff;border: 1px solid #017eff;
	transition: background-color .1s ease-out;
	-moz-transition: background-color .1s ease-out; /* Firefox 4 */
	-webkit-transition: background-color .1s ease-out; /* Safari 和 Chrome */
	-o-transition: background-color .1s ease-out; /* Opera */
}
.editorial .media-meta .more:hover{background-color: #017eff;text-decoration: none;color: #fff;}
/*area2-imgbox*/
.area2-imgbox{margin-top: 10px;}
.area2-imgbox h2{width: 100%;height: 44px;line-height: 44px;background-color: #f9f9f9;font-size: 18px;color: #333;}
.area2-imgbox h2 span{float: left;width: 72px;height: 44px;text-align: center;color: #fff;background-color: #20da9b;margin-right: 15px;}
.area2-imgbox div{margin-left: -33px;padding: 30px 0;}
.area2-imgbox div a{float: left;width: 195px;height: 140px;overflow: hidden;margin-left: 33px;}
.area2-imgbox img{width: 100%;height: 100%;}
/*area2__end*/
/*subarea*/
.subarea{margin-top: -40px;}
.subarea-ranklist .comtitle ol li:hover{background-color: #e2fff5;color: #0acc8b;}
.subarea-ranklist .comtitle ol li.active{background-color: #20da9b;color: #fff;}
/*pages*/
.pages{padding: 40px 0 0 0;}
/*transition*/
.area1 .layer,.editorial dt{
    transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out; /* Firefox 4 */
    -webkit-transition: opacity .3s ease-out; /* Safari Chrome */
    -o-transition: opacity .3s ease-out; /* Opera */
}
.editorial dt:hover{opacity: .8;filter: alpha(opacity: 80);}