﻿.video-fl {
    float: left;
    width: 100%;
    height: 310px;
    position: relative;
    margin: 10px auto 10px 10px;  /*自定义增加项（卡片间距离）*/
    border-radius: 8px;     /*边框圆角半径*/
    background-size:cover;
            background-image: url(../img/about-yh-p.jpg);
            /* 设置背景大小为100% */
           
            /* 设置背景图片位置 */
            background-position: 50% 50%;
            /* 添加过渡效果 */
            transition: all 1s;
}
/*
.video-fl:hover{
     鼠标悬停时放大 *
            background-size: 105%;
}
*/
.embed-responsive-video {/*来自bootstrap的CSS*/
  padding-bottom: 0%;
}
@media screen and (max-width: 1024px) { /*解决响应式小窗口不能播放视频*/
    .embed-responsive-video {
  padding-bottom: 28.25%;
}
}
/*Video Play */
   .playBox {
      display: none;
      position: fixed;
      z-index: 1002;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      margin: auto;
      border-radius: 8px;
   }
 
   .playBox-video {
      z-index: 1040;
      display: block;
      max-width: 90%;
      max-height: 90%;
      margin: auto;
      margin-top: 6.5%;  /*到顶部距离*/
      width:65%;height:auto;
      border: 2px solid #ddd;
      border-radius: 8px;
   }

        /*colse btn p*/
   .colseBtn-p {
       z-index: 1050;
       position: fixed;
       right:18%;
       margin-top:0.4%;
       text-decoration: none; /*超链接去掉横线*/
       background-color: rgba(8, 104, 234, 0.4);

       color: #fff;
       border-color: #2e6da4;
}
.fullBtn-p {
       z-index: 1050;
       position: fixed;
       right:30%;
       margin-top:0.4%;
       text-decoration: none; /*超链接去掉横线*/
       background-color: rgba(8, 104, 234, 0.4);

       color: #fff;
       border-color: #2e6da4;
}


.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,


/*play btn*/
        .playBnt {
            width:60px;
            height:60px;
            position:relative;left:5px;top:115px;
        }
            .playBnt:hover {
                width:65px;
                height:65px;
            }