.center-1col{
   
}
.video_detail{
       background: #FFF;
    border: 1px solid #EFEFEF;
    padding: 17px;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.content_title {
    color: var(--green-color);
    font-weight: normal;
    margin-bottom: 6px;
    font-size: 22px;
    padding-bottom: 6px;
    margin-top: 9px;
    line-height: 26px;
}
#one_video_play_area{
        width: 600px;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}
.video_detail .related_title {
   color: #222222;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 18px;
    border-bottom: 1px solid #eee;
    padding-bottom: 9px;
    font-weight: normal;
    margin-top: 20px;
}
.video_detail .related_title > span {
      color: var(--green-color);
    border-bottom: 1px solid var(--green-color);
    text-transform: uppercase;
    font-size: 18px;
    padding-bottom: 9px;
    font-weight: 500;
    /*font-family: RobotoBold;*/
}
.video_item_inner_has_img {
   position: relative;
    overflow: hidden;
    max-height: 300px;
    cursor: pointer;
}
.video_item_inner_has_img::before {
    background: rgba(41, 33, 36, 0.2);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.video_item_inner_has_img img {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 100%;
    height: auto;
}
/*.video_item:hover img {
    moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}*/
.video_item_inner_has_img::after {
    left: calc(50%-25px);
    left: -webkit-calc(50%-25px);
    position: absolute;
    top: calc(50%-25px);
    top: -webkit-calc(50%-25px);
    width: 60px;
    height:60px;
    background-repeat: no-repeat;
    background-image:url(data:image/svg+xml;utf8,<svg width="60px" height="60px" id="Layer_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><g><path d="M490.24,113.92c-13.888-24.704-28.96-29.248-59.648-30.976C399.936,80.864,322.848,80,256.064,80   c-66.912,0-144.032,0.864-174.656,2.912c-30.624,1.76-45.728,6.272-59.744,31.008C7.36,138.592,0,181.088,0,255.904   C0,255.968,0,256,0,256c0,0.064,0,0.096,0,0.096v0.064c0,74.496,7.36,117.312,21.664,141.728   c14.016,24.704,29.088,29.184,59.712,31.264C112.032,430.944,189.152,432,256.064,432c66.784,0,143.872-1.056,174.56-2.816   c30.688-2.08,45.76-6.56,59.648-31.264C504.704,373.504,512,330.688,512,256.192c0,0,0-0.096,0-0.16c0,0,0-0.064,0-0.096   C512,181.088,504.704,138.592,490.24,113.92z"></path><polygon style="fill:#FAFAFA;" points="192,352 192,160 352,256  "></polygon></g></svg>);
}
.video_item:hover .video_item_inner_has_img::after {
    color: var(--green-color);
}
.hit_share{
        text-align: center;
    margin-top: 40px;
    padding-bottom: 40px;
}

.play-video svg#Layer_1 {
    width: 60px;
    height: 60px;
    position: absolute;
        top: calc(50% - 30px);
    left: calc(50% - 30px);
    fill: #0e0d0dd4;
}

.video_item:hover svg#Layer_1 {
    fill: red;
}