.list-item{display:block;width:270px;height:200px;margin-bottom:26px;overflow:hidden;position:relative}.list-item>.bg-inner{width:100%;height:100%}.list-item>.title-mobile{position:absolute;bottom:0;background:rgba(0,0,0,.5);width:100%;height:40px;padding-top:10px;text-align:center;color:#fff;font-size:14px}.list-item>.title:after{display:block;content:"";width:52px;height:3px;background:#fff;margin-top:14px;margin-left:auto;margin-right:auto}.list-item>.bg-inner-hover{opacity:0;width:270px;height:200px;background:rgba(0,0,0,.5);z-index:1;position:absolute;top:0;transition:all .2s linear}.list-item>.title{opacity:0;color:#fff;position:absolute;z-index:100;top:40%;width:100%;text-align:center;font-weight:600;transition:all .2s linear}.list-item>.bg-inner{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);transition:-webkit-transform .15s ease 0s;transition:transform .15s ease 0s;transition:transform .15s ease 0s,-webkit-transform .15s ease 0s}.list-item:hover>.bg-inner{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}.list-item:hover>.bg-inner-hover{opacity:1}.list-item:hover>.title{opacity:1}.rotate{transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease}.rotate:hover{transform:scale(1.15) rotate(360deg);-webkit-transform:scale(1.1) rotate(360deg);-moz-transform:scale(1.1) rotate(360deg);-ms-transform:scale(1.1) rotate(360deg);-o-transform:scale(1.1) rotate(360deg)}