@charset "UTF-8";
.center-mark {
  margin: 0 auto; }

img {
  display: block; }

.follow {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9990;
  height: 0;
  overflow: hidden; }
  .follow .screen {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #000;
    opacity: 0.8;
    /* 兼容ie下不支持opacity */
    filter: alpha(opacity=80);
    height: 100%; }
  .follow .video-container {
    width: 950px;
    height: 620px;
    position: absolute;
    left: 50%;
    margin-left: -475px;
    top: 50%;
    margin-top: -310px; }
    .follow .video-container .float-background {
      width: 1200px;
      position: absolute;
      left: 50%;
      margin-left: -595px;
      margin-top: -105px;
      z-index: 10; }
    .follow .video-container .video-area {
      width: 778px;
      height: 485px;
      position: absolute;
      z-index: 20;
      left: 50%;
      margin-left: -389px;
      margin-top: 25px;
      padding-top: 25px;
      background: rgba(51, 153, 255, 0.1); }
      .follow .video-container .video-area .video {
        width: 746px;
        height: 460px;
        position: absolute;
        left: 50%;
        margin-left: -373px;
        bottom: 25px; }
      .follow .video-container .video-area .desk {
        position: absolute;
        bottom: 0; }
      .follow .video-container .video-area .float-close-btn {
        position: absolute;
        top: -5%;
        right: -5%;
        padding-top: 10px;
        width: 5%;
        z-index: 20; }
    .follow .video-container .nfl360-btn {
      width: 574px;
      position: absolute;
      top: 540px;
      left: 50%;
      margin-left: -287px;
      z-index: 20; }

.followVideo-show {
  animation: followVideoShow 2s ease-in-out forwards;
  -moz-animation: followVideoShow 2s ease-in-out forwards;
  -webkit-animation: followVideoShow 2s ease-in-out forwards;
  -o-animation: followVideoShow 2s ease-in-out forwards;
  -m-animation: followVideoShow 2s ease-in-out forwards;
  height: 100% \9; }

.followVideo-hidden {
  animation: followVideoHidden 1s ease-in-out forwards;
  -moz-animation: followVideoHidden 1s ease-in-out forwards;
  -webkit-animation: followVideoHidden 1s ease-in-out forwards;
  -o-animation: followVideoHidden 1s ease-in-out forwards;
  -m-animation: followVideoHidden 1s ease-in-out forwards; }

@keyframes followVideoShow {
  0% {
    height: 0; }
  100% {
    height: 100%; } }
@keyframes followVideoHidden {
  0% {
    height: 100%; }
  100% {
    height: 0; } }

/*# sourceMappingURL=new_hand_float.css.map */