#cristalhotel-body-tag .video-media
{
    width:100%;
    height:500px;
    background: #fff;
}
#cristalhotel-body-tag .video-media .video-bloc
{
    display: inline-block;
    vertical-align: top;
}
#cristalhotel-body-tag .video-media .video-bloc:first-child
{
    width: 320px;
    margin: 0 10px;
}
#cristalhotel-body-tag .video-media .video-bloc:last-child
{
    width: calc(100% - 420px);
}
#cristalhotel-body-tag .video-media .video-bloc h3.head
{
    height: 50px;
    line-height: 50px;
    font-family: 'Noto sans';
    font-size:16px;
    border-bottom:1px solid rgba(98,18,21,0.1);
    position: relative;
}
#cristalhotel-body-tag .video-media .video-bloc h3.head:after
{
     content: '';
     position: absolute;
     bottom: -3%;
     width: 70px;
     height: 5px;
    left:0;
    border-radius:3px;
    background: rgb(233,124,21);
    
}
#cristalhotel-body-tag .video-media .video-bloc h3.head em
{
   display: inline-block;
   position:absolute;
   right:20px;
    font-family: 'Noto sans';
   font-size:11px;
    color:rgba(0,0,0,0.7);
    font-style:normal;
}
#cristalhotel-body-tag .video-media .video-bloc ul.video-list
{
    margin: 10px 0;
    padding: 12px;
    box-sizing: border-box;
}
#cristalhotel-body-tag .video-media .video-bloc ul.video-list li
{
    display: block;
    height: 40px;
    line-height: 35px;
    background: rgba(233,124,21,0.1); 
    border-bottom:1px solid rgba(0,0,0,0.1);
    margin: 0 15px;
    padding: 0 25px;
    box-sizing: border-box;
}
#cristalhotel-body-tag .video-media .video-bloc ul.video-list li:hover
{
     background: rgba(233,124,21,0.2); 
}
#cristalhotel-body-tag .video-media .video-bloc ul.video-list li:last-child
{
    border: none;
}
#cristalhotel-body-tag .video-media .video-bloc ul.video-list li:hover a
{
   padding: 0 3px;
}
#cristalhotel-body-tag .video-media .video-bloc ul.video-list li a
{
    display: inline-block;
    width: 100%;
    height: 100%;
    font-family: 'Noto sans';
    color:rgba(0,0,0,0.7);
    transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    position: relative;
    
   
}
#cristalhotel-body-tag .video-media .video-bloc ul.video-list li a i
{
    margin-right:10px;
    color: rgba(233,124,21);
    float: left;
}

#cristalhotel-body-tag .video-media .video-bloc .title
{
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 45px;
    font-family: 'Noto sans';
    font-size: 16px;
}
#cristalhotel-body-tag .video-media .video-bloc .title a
{
    display: inline-block;
    float: right;
}
#cristalhotel-body-tag .video-media .video-bloc iframe
{
    width: 100%;
}

@media all and (max-width:360px)
{
    #cristalhotel-body-tag .video-media .video-bloc:last-child
    {
        width: 360px;
    }
    #cristalhotel-body-tag .video-media .video-bloc iframe
    {
        height: 150px;
    }
   
}