/*????????????*/
#player_wrapper { height: 540px; width: 960px; display: block; overflow: hidden; }
.fancybox-skin{ background: none;}
.fancybox-inner{ z-index: 8030;}
.fancybox-outer {  background: none; }
.fancybox-wrap { padding: 0; }
.fancybox-bg{display:none;}
.speaker-bgcolor { background-color: #f5f5f5;min-height: 320px; }
.speaker-bgcolor > h4, .speaker-bgcolor > p{padding:0 10px;}
.fancybox-lock body { overflow: hidden !important; }
.fancybox-close{ z-index: 99999; }
@media  (max-width: 768px){
    #player_wrapper { height: auto; width: 100%; }
    .fancybox-wrap { width: 96% !important;  left: 2% !important; }
    .fancybox-outer { background: none; }
    .fancybox-content { width: 100% !important; height: auto !important; }
    .fancybox-content >div { overflow:hidden!important; }
    .fancybox-inner{ width:100%!important;height:100%!important;}
    .fancybox-close{ top: -15px; right: -7px;}
}
/*fancybox*/
.fancybox-title-over-wrap{
    bottom: 10px;
    width: 315px;
    background: url(img/bg-fan.png) no-repeat;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.video-img{
    overflow: hidden;
    position: relative;
}
.play-sm {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    background: url(img/play.png) no-repeat center center;
}
.fancybox-skin{
    border-radius: 0;
}
@media only screen and (max-width: 414px){
    .fancybox-title-over-wrap{
        bottom: 0;
        width: 250px;
        background: url(img/bg-fan.png) no-repeat -70px 0;
    }
}
.fancybox-nav span{
    width: 33px;
    height: 33px;
}
.fancybox-prev span{
    background: url(img/ico-prev.png) no-repeat;
}
.fancybox-next span{
    background: url(img/ico-next.png) no-repeat;
}
/*20180103??????*/
.fancybox-download{
    position:absolute;
    right: 0;
    bottom: 10px;
    font-size:14px;
    z-index:8090;
    width: 120px;
    height: 40px;
    background: url(img/bg-fan2.png) no-repeat;
    color: #fff;
}
.fancybox-download a{
    color: #fff;
    line-height: 40px;
}
.fancybox-download a:before,.fancybox-download a before{
    content: '';
    display: inline-block;
    width: 24px;
    height: 26px;
    background: url(img/ico-download.png) no-repeat;
    margin: 0 10px 0 20px;
    vertical-align: middle;
}
@media only screen and (max-width: 767px){
    .fancybox-download{
        width: auto;
        background: none;
    }
}
@media only screen and (max-width: 480px){
    .fancybox-download{
        bottom: 0;
    }
}