.hpc li{
    width:30%;
    float:left;
    margin: 0 3% 3% 0;
}


.newItem{ border: 1px solid #dbdbdb; background-color: #fff; transition: 300ms;}
.newItem a{ display: block; padding: 22px 20px; }
.newItem .time{ height: 20px; margin-bottom: 5px;}
.newItem .t{ font: 16px/1.5 "microsoft yahei"; color: #6e6e6e; height: 48px; overflow: hidden; margin-bottom: 20px;}
.newItem .img{ overflow: hidden; margin-bottom: 25px;height:400px;}
.newItem .img img{ width: 100%; display: block;height:100%;}
.newItem .c{ height: 42px; overflow: hidden; margin-bottom: 22px;}
.newItem .more{ background-color: #c3c3c3; color: #f0f0f0; padding: 2px 10px;}
.hpc li:hover .newItem{ background-color: #80abde; border: 1px solid #80abde;}
.hpc li:hover .t{ color: #fff;}
.hpc li:hover .more{ background-color: #fff; color: #80abde;}