/* 该css中包含 视频弹窗、图片弹窗、视频全屏、投递简历弹窗、animate.css、swiper.min.css */



/*

插件：视频弹窗

版本：

官网：

*/

/* 视频弹窗 */



#hi-video-pop {

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 1000;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.7);

  text-align: center;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



#hi-video-pop * {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



#hi-video-pop .hi-close {

  position: fixed;

  top: 85%;

  left: 50%;

  z-index: 5;

  margin-left: -25px;

  width: 40px;

  height: 40px;

  color: #fff;

  background: #fff;

  border-radius: 50%;

  transition: .3s;

  cursor: pointer;

}



#hi-video-pop .hi-close:after,

#hi-video-pop .hi-close:before {

  content: "";

  position: absolute;

  top: 50%;

  left: 50%;

  z-index: 5;

  width: 20px;

  height: 2px;

  margin:  -1px 0 0 -10px;

  background: #333;

  transition: .3s;

}



#hi-video-pop .hi-close:hover {

  background: #FF6A00;

}



#hi-video-pop .hi-close:hover:after,

#hi-video-pop .hi-close:hover:before {

  background: #fff;

}



#hi-video-pop .hi-close:after {

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}



#hi-video-pop .hi-close:before {

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

}



#hi-video-pop .hi-video-box {

  position: fixed;

  left: 0;

  top: 0;

  z-index: 1;

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}

#hi-video-pop .hi-video-box .hi-video-wrap {

  max-width: 90vh;

  border: 2px solid #fff;

}

#hi-video-pop .hi-video-box .hi-video-wrap video {

  width: 100%;

  /* height: 100%; */

  vertical-align: top;

}

@media (max-width: 767px) {

  #hi-video-pop .hi-video-box .hi-video-wrap {

    max-width: 90%;

  }

}



/*

插件：图片弹窗

版本：

官网：

*/

#hi-img-pop {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1000;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.7);

    text-align: center;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

#hi-img-pop * {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

#hi-img-pop .hi-close {

    position: fixed;

    top: 85%;

    left: 50%;

    margin-left: -25px;

    width: 40px;

    height: 40px;

    color: #fff;

    background: #fff;

    border-radius: 50%;

    transition: .3s;

    cursor: pointer;

}

#hi-img-pop .hi-close:after,

#hi-img-pop .hi-close:before {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 5;

    width: 20px;

    height: 2px;

    margin:  -1px 0 0 -10px;

    background: #333;

    transition: .3s;

}

#hi-img-pop .hi-close:hover {

    background: #FF6A00;

}

#hi-img-pop .hi-close:hover:after,

#hi-img-pop .hi-close:hover:before {

    background: #fff;

}

#hi-img-pop .hi-close:after {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

#hi-img-pop .hi-close:before {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

#hi-img-pop img {

    position: fixed;

    left: 50%;

    top: 50%;

    max-width: 90%;

    max-height: 65%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



/*

插件：视频全屏

版本：

官网：

*/

#hi-video-pop2 {

    display: none;

    height: 0;

    width: 0;

}