@charset "utf-8";

/*.content-title{

    display: none;

}*/

/*------------ video ------------*/

.video-list .box{

    background: #fff;

    padding: 12px;

    transition: all .2s;

}

.video-list .box:hover{

    box-shadow: 3px 3px 12px #d6d6d6;
    border: 1px solid #3f9a73;

}

.video-list .box .name{

    text-align: center;

    color: #000000;

}

.video-list .box:hover .name{

    text-decoration: underline;

}

/*------------ detail ------------*/

.video-detail{

    background: #fff;

    padding: 0 15px 50px;

}

.video-header{

    position: relative;

    margin: 0 -15px 15px;

    padding: 20px 40px;

    letter-spacing: 2px;

    color: #000000;

    font-size: 18px;

    text-align: center;

    border-bottom: 1px solid #dedede;

    line-height: 1.5;

}

.video-header .video-title{

    max-width: 1300px;

    margin: 0px auto;

    color: #000;

    font-size: 18px;

    font-weight: bold;

    line-height: 1.5;

    display: inline-block;

}

.video-detail .editor{

    max-width: 1220px;

    margin: 0 auto;

}

.video-box{

    background: #f5f5f5;

    margin:0 auto 5px;

}

.video-box .cont{

    padding: 20px;

    max-width:840px;

    margin: auto;

}



/*------------ rwd ------------*/

@media screen and (max-width:1000px){

    .content-title{

        display: none;

    }

}

/*------------ rwd ------------*/

@media screen and (max-width:767px){

    .video-title{

        margin:auto;

    }

    .video-box{

        padding: 0px;

    }

}

@media screen and (max-width:480px){

}