.p-img{position:relative}.p-img img{display:block;max-width:100%}.p-img a{position:absolute;bottom:0;width:50%;height:50%}.p-img>a:first-child{left:0}.p-img>a:first-child span{left:15px}.p-img>a:nth-child(2){right:0}.p-img>a:nth-child(2) span{right:15px}.p-img a span{color:#fff;font-size:25px;display:inline-block;width:50px;height:35px;border-radius:8px;border:2px solid #fff;line-height:48px;text-align:center;transition:all 0.6s;position:absolute;bottom:10px}.p-img a span>.fa{position:absolute;top:5px;left:16px}.content-list:hover .p-img>span,.p-img a span:hover{transition:all 0.6s;background-color:#60aff6;border-color:#60aff6}.p-img>span{color:#fff;font-size:25px;display:inline-block;width:70px;height:48px;border-radius:8px;border:2px solid #fff;position:absolute;left:50%;margin-left:-35px;top:50%;margin-top:-24px;line-height:48px;text-align:center;transition:all 0.6s}.product-content .content-list h4{height:35px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media screen and (max-width: 768px){.product-content .content-list img{width:100%}#LeftNav{background:rgba(0, 0, 0, .8);position:relative;opacity:1;transform:none;width:100%;height:inherit;background-color:#fff;padding:1rem .5rem .5rem;overflow:hidden}.leftnav{color:rgba(0, 0, 0, .7);display:inline-block;margin-right:0.5rem;margin-bottom:.5rem;padding:0 0.3em;border:1px solid rgba(0,0,0,.5);border-radius:6px}.leftnav.active{background:rgba(255, 0, 0, .5);border:1px solid rgba(255, 0, 0, .5);color:#fff}#LeftNav.active{position:fixed;top:45px}}@media (max-width: 414px){.product-content .content-list{width:92%}}