.gallery-music .title{
    position: relative;
    overflow: hidden;
}
.gallery-music .title::before{
    position: absolute;
    content: '';
    width: calc(100% - 100px);
    height: 1px;
    top: 55%;
    right: 0%;
    transform: translateY(-50%);
    background-color: #c0c0c0;
}
.card-music .img-box{
    position: relative;
    height: 0px;
    padding-bottom: 100%;
}
.card-music .img-box img{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.music-info .img-box{
    height: 500px;
}
/* plyr */
.plyr {
    height: 100%;
}
.plyr__controls{
    position: relative;
}
.plyr__controls .plyr__controls__item.plyr__progress__container{
    position: absolute;
    top: 0;
    left: 49%;
    transform: translateX(-50%);
    width: 98%;
}
/* .plyr--video.plyr--hide-controls .plyr__controls{
    opacity: 1;
    transform: translateY(0);
} */
.plyr__menu{
    display: none;
}
.plyr--full-ui input[type=range]{
    color: #ff0000;
}
.plyr__control--overlaid{
    background-color: #0000007a;
    /* opacity: 0; */
    /* visibility: hidden; */
}
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
    background: #ff0000;
}




@media (max-width: 992px){
    .music-info .img-box{
        height: 400px;
    }
}
@media (max-width: 768px){
    .plyr {
        height: 400px;
    }
    .detail .social a{
        font-size: 1.7rem;
    }
}