.image-audio{position:relative;display:block;float:left;width:12.5%;padding:10px 0}.image-audio:nth-child(8n+1){clear:left}.image-audio img{display:block;max-width:100px;height:auto;transition:all .3s;margin:0 auto;border-radius:10px;-webkit-box-shadow:0px 7px 10px 0px rgba(0,0,0,.4);-moz-box-shadow:0px 7px 10px 0px rgba(0,0,0,.4);box-shadow:0px 7px 10px 0px rgba(0,0,0,.4)}.image-audio:hover img,.image-audio.playing img{opacity:.5;-webkit-box-shadow:0px 3px 10px 0px rgba(0,0,0,.4);-moz-box-shadow:0px 3px 10px 0px rgba(0,0,0,.4);box-shadow:0px 3px 10px 0px rgba(0,0,0,.4)}.image-audio img.foxxz{display:none}.image-audio audio{display:none}.image-audio i{cursor:pointer;position:absolute;font-size:50px;top:50%;left:49%;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);text-align:center;opacity:.8}.image-audio .fa-play-circle:before,.image-audio .fa-pause-circle:before{z-index:1001}.image-audio .fa-play-circle:after,.image-audio .fa-pause-circle:after{content:"";position:absolute;width:30px;height:30px;background:#fff;top:50%;left:0;right:0;text-align:center;margin:0 auto;z-index:-1;transform:translateY(-50%);-webkit-transform:translateY(-50%)}.image-audio .mejs-audio{display:none}@media (min-width:1025px){.image-audio i{opacity:0;visibility:hidden;transition:all .3s}.image-audio:hover i{opacity:1;visibility:visible}}@media (max-width:991px){.image-audio{width:25%}}@media (max-width:650px){.image-audio{width:50%}}