.newLi {position:relative; overflow:hidden;}
.porTbox {position:relative; overflow:hidden; width:100%; height:214px;}
.newImg {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; transition:all .5s ease;}
.porBbox {position:relative; overflow:hidden; width:100%; height:130px; padding:20px 20px 10px; border:1px solid #f2f2f2; border-radius:0 0 5px 5px}
.newTitle {font-size:1.5rem; color:#333; overflow:hidden; position:relative; width:100%;}
.newSummry {color:#777; white-space:nowrap; overflow:hidden; margin:10px 0; text-overflow:ellipsis;}

.showBox{position:absolute; top:0px; left:0px; width:100%; height:100%; opacity:0; background:rgba(0, 0, 0, .6); transition:all 0.5s ease; }
.showBoxLink{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:block; width:60%; color:#fff; text-align:center; font-size:1rem; padding:0.5rem 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.showBoxLink::before{ content:''; position:absolute; top:0px; left:50%; transform:translateX(-50%); width:60%; height:1px; background:#fff; transition:all .5s ease; }
.showBoxLink::after{ content:''; position:absolute; bottom:0px; left:50%; transform:translateX(-50%); width:60%; height:1px; background:#fff; transition:all .5s ease; }
.showBoxLink::before{ width:1rem; }
.newLi:hover .showBoxLink::after{ width:1rem; }
.showBox a {color:#fff;font-size:1.5rem}.showBox a:hover {color:#fff;font-size:1.5rem; text-decoration: none;}

.newLi:hover .showBox {opacity:1;}
.newLi:hover .newImg {transform:translate(-50%, -50%) scale(1.1);}
.newLi:hover .showBoxLink::before {width:1rem;}
.arrowsR {position:absolute; top:50%; right:0px; transform:translate(0, -50%); width:30px;}
.arrowsR img {position:absolute; transition:all .5s ease;}
.arrowsR .barr{opacity:1;}
.arrowsR .harr{opacity:0;}
.lookDetail {position:relative; display:block; color:#777; height:38px; line-height:38px; border-top:1px solid #e5e5e5;}
.lookDetail:hover .barr {opacity:0;}
.lookDetail:hover .harr {opacity:1;}
.lookDetail:hover {color:#777; font-weight: bold; text-decoration: none;}

//.newTitle {font-size:1.5rem; color:#333; overflow:hidden; text-overflow:ellipsis; position:relative; white-space:nowrap; width:100%;}