.logo-box{overflow:hidden;text-align:center;position:relative}.logo-box:after{content:"";width:100%;height:100%;background:rgba(204,204,204,.9);position:absolute;top:0;left:0;opacity:0;transition:all .5s ease 0s}.logo-box:hover:after{opacity:1}.logo-box img{width:100%;height:auto;transition:all 1.5s ease 0s}.logo-box .box-content,.logo-box .icon li a{position:absolute;transition:all .6s ease 0s}.logo-box:hover img{transform:scale(1.2)}.logo-box .icon li,.logo-box .icon li a{display:inline-block}.logo-box .icon{width:100%;height:100%;list-style:none;padding:0;margin:0 auto;position:absolute;top:0;left:0;z-index:1}.logo-box .icon li a{width:45px;height:45px;line-height:45px;margin:0 auto;top:50%;border:1px solid #fff;opacity:0}.logo-box:hover .icon li a{top:30%;opacity:1}.logo-box .icon li a:hover{background:#fff;color:#ffb426}.logo-box .icon li:first-child a{left:-90%;right:0}.logo-box:hover .icon li:first-child a{left:-55px}.logo-box .icon li:last-child a{right:-90%;left:0}.logo-box:hover .icon li:last-child a{right:-55px}.logo-box .icon li a{border-radius:50%;font-size:20px;color:#fff}.logo-box .box-content{width:100%;padding:20px 10px;background:rgba(51,51,51,.5);bottom:-150px;left:0;z-index:1}.logo-box:hover .box-content{bottom:0}.logo-box .title{font-size:18px;font-weight:700;color:#fff;margin-top:0}.logo-box .post{display:block;font-size:14px;font-weight:900;color:#fff}@media only screen and (max-width:990px){.logo-box{margin-bottom:30px}}