.nynewslist{ width:100%; border-bottom:1px solid #eee; padding:30px 0; overflow:hidden; position:relative; background:#FFF;}
.nynewslist a{ text-decoration:none;}
.nynewslist:hover{ box-shadow: 0 0 60px -10px rgba(0,0,0,.2);}
.nynewslist:hover .nynewslist_l{ left:20px;}
.nynewslist:hover .nynewslist_r{ left:20px;}
.nynewslist:hover .nynewslist_rmore{ left:29%;}

.nynewslist_l{ width:23%; float:left; position:relative; left:0; overflow:hidden; transition:all .5s;}
.nynewslist_l img { width:100%; transition:all 0.5s;display: block;}
.nynewslist:hover img { transform:scale(1.2);}

.nynews_time{ position:absolute; bottom:0; right:0; width:122px; height:75px; background:rgba(27,97,225,0.9); font-family:arial; color:#fff; text-align:center; padding-top:15px;}
.ny_day{ font-size:40px; font-weight:bold; line-height:40px;}
.ny_month{ font-size:16px; line-height:20px;}

.nynewslist_r{ text-align:left; position:relative; width:72%; padding:20px; float:right; transition:all .5s; left: 0;}
.nynewslist_r p{ margin-bottom:20px;}
.nynewslist_r a{ font-size:20px;}
.nynewslist_r span{ display:block; color:#888; overflow:hidden; line-height:24px; padding-bottom:20px; border-bottom:1px dotted #d9d9d9; margin-bottom: 30px; }

.nynewslist_rmore{ display:block; background:url(../images/newxts.jpg) no-repeat; position:absolute; left:27%; bottom:40px; padding-left:22px; line-height:21px; transition:all 0.5s;}
.nynewslist_r a.nynewslist_rmore{ font-size:14px;}