.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;}
/*area1__end*/
/*area2-left*/
.mainArea{float: left;width: 880px;border-top: 1px dotted #ddd;}
/*editorial*/
.editorial{border-bottom: 1px dotted #ececec;}
.editorial img{width: 100%;height: 100%;}
.editorial dl{width: 880px;height: 120px;padding: 25px 0;border-top: 1px dotted #ddd;}
.editorial dl:first-child{border-top: 0;}
.editorial dt{width: 190px;height: 120px;overflow: hidden;float: left;}
.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 :#333;}
.editorial p{font-size: 12px;color :#878787;line-height: 20px;width: 100%;height: 40px;overflow: hidden;margin-bottom: 20px;}
.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 1px no-repeat;}
.editorial .media-meta .date{padding: 0 20px;border-right: 1px solid #ececec;}
.editorial .media-meta .read{background-position: 20px -52px;padding: 0 20px 0 45px;border-right: 1px solid #ececec;}
.editorial .media-meta .read i{padding: 0 3px}
.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;}
.editorial .media-meta .more:hover{background-color: #017eff;text-decoration: none;color: #fff;}
/*area2-imgbox*/
.area2-imgbox{margin-top: 10px;}
.area2-imgbox img{width: 100%;height: 100%;}
.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;}
/*subarea*/
.subarea{margin-top: -30px;}
/*pages*/
.pages{padding: 40px 0 0 0;}
/*transition*/
.area1 .layer,.editorial dt,.area2-imgbox div a{
    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,.area2-imgbox div a:hover{opacity: .8;filter: alpha(opacity: 80);}
.editorial .media-meta .more{
	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 */
}