/* line 3, scss/style-h265.scss */
.op {
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  pointer-events: none;
}

/* line 8, scss/style-h265.scss */
.shadow {
  position: fixed;
  width: 100%;
  height: 33vh;
  background: url(../image/shadow.html) left top repeat-x;
  -moz-background-size: contain;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  z-index: 1;
  left: 0;
  bottom: 0;
}

/* line 17, scss/style-h265.scss */
.shadow:not(.in) {
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

/* line 22, scss/style-h265.scss */
.sjvid_box_index {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 768px;
  height: auto;
  max-width: 100%;
  max-height: 100vh;
  text-align: center;
  z-index: 9999999;
  pointer-events: none;
}

/* line 34, scss/style-h265.scss */
.sjvid_box_index video {
  pointer-events: none;
  cursor: auto;
  width: 100%;
  height: 100%;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

/* line 45, scss/style-h265.scss */
.sjvid_box_index button {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* line 50, scss/style-h265.scss */
.sjvid_box_index > a {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

/* line 56, scss/style-h265.scss */
.sjvid_box_index a {
  background: rgba(200, 0, 10, 0.9);
  color: #fff;
  font-weight: bold;
  display: block;
}

/* line 61, scss/style-h265.scss */
.sjvid_box_index a:active, .sjvid_box_index a:focus, .sjvid_box_index a:visited, .sjvid_box_index a:hover {
  color: #fff !important;
}

/* line 67, scss/style-h265.scss */
.sjvid_box_index a span {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 14px !important;
  line-height: 17px !important;
  color: #fff;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

/* line 77, scss/style-h265.scss */
.sjvid_box_index a:after,
.sjvid_box_index .play_sj_icon:after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  background: rgba(200, 0, 10, 0.1);
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

/* line 86, scss/style-h265.scss */
.sjvid_box_index ul {
  position: absolute;
  text-align: left;
  margin: 0;
  z-index: -1;
}

/* line 91, scss/style-h265.scss */
.sjvid_box_index ul li {
  list-style: none;
  margin: 18px 0;
  background: #c8000a;
}

/* line 95, scss/style-h265.scss */
.sjvid_box_index ul li a {
  position: relative;
  padding: 4px 8px;
  pointer-events: visible;
}

/* line 100, scss/style-h265.scss */
.sjvid_box_index ul li:not(.in) {
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

/* line 102, scss/style-h265.scss */
.sjvid_box_index ul li:not(.in) a {
  pointer-events: none;
}

/* line 108, scss/style-h265.scss */
.sjvid_box_index .play_sj_icon {
  position: absolute;
  left: 55%;
  top: 29%;
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  font-size: 15px;
  line-height: 26px;
  z-index: 6;
  cursor: pointer;
  background: rgba(200, 0, 10, 0.9);
  color: #fff;
  padding: 5px 10px;
  width: 190px;
  max-width: calc(45vw - 30px);
  margin-bottom: 0;
  pointer-events: visible;
  border-radius: 4px;
}

/* line 125, scss/style-h265.scss */
.sjvid_box_index .play_sj_icon:after {
  border-radius: 4px;
}

/* line 128, scss/style-h265.scss */
.sjvid_box_index .play_sj_icon:not(.in), .sjvid_box_index .play_sj_icon.active {
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  pointer-events: none;
}

/* line 134, scss/style-h265.scss */
.sjvid_box_index .watch_reload {
  cursor: pointer;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

/* line 145, scss/style-h265.scss */
.sjvid_box_index .watch_reload:after {
  border-radius: 50%;
}

/* line 148, scss/style-h265.scss */
.sjvid_box_index .watch_reload.show_end, .sjvid_box_index .watch_reload.reload {
  opacity: 1;
  pointer-events: visible;
}

/* line 153, scss/style-h265.scss */
.sjvid_box_index .watch_reload.reload {
  background: url(../image/replay.html) 9px center no-repeat rgba(200, 0, 10, 0.9);
  text-indent: -9999px;
  -moz-background-size: 67%;
  -webkit-background-size: 67%;
  -o-background-size: 67%;
  background-size: 67%;
  background-position-x: 35%;
}

/* line 160, scss/style-h265.scss */
.sjvid_box_index .show_sjvid {
  background: none;
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

/* line 164, scss/style-h265.scss */
.sjvid_box_index .show_sjvid.out {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

/* line 171, scss/style-h265.scss */
.sjvid_box_index.small {
  bottom: 0;
  left: 0;
  transform-origin: left bottom;
  width: 320px;
  max-width: 320px;
}

/* line 177, scss/style-h265.scss */
.sjvid_box_index.small .vid_ico {
  top: -25px;
}

/* line 180, scss/style-h265.scss */
.sjvid_box_index.small .vid_ico .close_:before, .sjvid_box_index.small .vid_ico .close_:after {
  height: 2px;
}

/* line 185, scss/style-h265.scss */
.sjvid_box_index.small .vid_ico .zoom_ {
  background: url(../image/large.html) center no-repeat;
  -webkit-background-size: 80% !important;
  -moz-background-size: 80% !important;
  -ms-background-size: 80% !important;
  -o-background-size: 80% !important;
  background-size: 80% !important;
}

/* line 190, scss/style-h265.scss */
.sjvid_box_index.small .play_sj_icon {
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
  padding: 12px 10px 14px;
  width: 244px;
}

/* line 197, scss/style-h265.scss */
.sjvid_box_index.small .watch_reload {
  -moz-transform: scale(0.9, 0.9);
  -o-transform: scale(0.9, 0.9);
  -webkit-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
  filter: FlipH;
  -ms-filter: "FlipH";
  left: 21%;
  top: 22%;
}

/* line 201, scss/style-h265.scss */
.sjvid_box_index.small .watch_reload span {
  font-size: 16px !important;
}

/* line 205, scss/style-h265.scss */
.sjvid_box_index.small + .shadow {
  height: 10vh;
}

/* line 208, scss/style-h265.scss */
.sjvid_box_index.small ul li {
  margin: 1px 0;
}

/* line 210, scss/style-h265.scss */
.sjvid_box_index.small ul li a {
  font-size: 10px;
  padding: 3px 6px;
  margin: 5px 0;
}

/* line 218, scss/style-h265.scss */
.sjvid_box_index:not(.small) a:after,
.sjvid_box_index:not(.small) .play_sj_icon:after {
  width: calc(100% + 15px);
  height: calc(100% + 15px);
}

/* line 223, scss/style-h265.scss */
.sjvid_box_index:not(.small) .vid_ico {
  top: 0;
}

/* line 226, scss/style-h265.scss */
.sjvid_box_index:not(.small) .vid_ico .close_:before, .sjvid_box_index:not(.small) .vid_ico .close_:after {
  height: 2px;
}

/* line 231, scss/style-h265.scss */
.sjvid_box_index:not(.small) .vid_ico .zoom_ {
  background: url(../image/small.html) center no-repeat;
  -webkit-background-size: 90% !important;
  -moz-background-size: 90% !important;
  -ms-background-size: 90% !important;
  -o-background-size: 90% !important;
  background-size: 90% !important;
}

/* line 236, scss/style-h265.scss */
.sjvid_box_index:not(.small) ul li a:after {
  width: calc(100% + 13px);
  height: calc(100% + 13px);
}

/* line 241, scss/style-h265.scss */
.sjvid_box_index .vid_ico {
  position: absolute;
  right: 0;
  cursor: pointer;
  pointer-events: visible;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  font-size: 0;
}

/* line 248, scss/style-h265.scss */
.sjvid_box_index .vid_ico > div {
  position: relative;
  width: 25px;
  height: 25px;
  display: inline-block;
  background-color: rgba(200, 0, 10, 0.99) !important;
}

/* line 256, scss/style-h265.scss */
.sjvid_box_index .vid_ico .close_:before, .sjvid_box_index .vid_ico .close_:after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 65%;
  display: block;
  background: #fff;
  transform-origin: center;
}

/* line 267, scss/style-h265.scss */
.sjvid_box_index .vid_ico .close_:before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* line 270, scss/style-h265.scss */
.sjvid_box_index .vid_ico .close_:after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

/* line 274, scss/style-h265.scss */
.sjvid_box_index .vid_ico .zoom_ {
  margin-right: 1px;
}

/* line 277, scss/style-h265.scss */
.sjvid_box_index .vid_ico.in {
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

/* line 281, scss/style-h265.scss */
.sjvid_box_index > img {
  position: absolute;
  z-index: -1;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  filter: drop-shadow(0px 0 5px rgba(0, 0, 0, 0.7));
  -webkit-filter: drop-shadow(0px 0 5px rgba(0, 0, 0, 0.7));
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 291, scss/style-h265.scss */
.sjvid_box_index > img:not(.in) {
  -moz-transform: scale(0.5, 0.5);
  -o-transform: scale(0.5, 0.5);
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  filter: FlipH;
  -ms-filter: "FlipH";
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

/* line 298, scss/style-h265.scss */
.sjvid_box_index.ai .v_ai {
  position: absolute;
  left: 30px;
  width: 120px;
  height: auto;
  border-radius: 50%;
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

/* line 307, scss/style-h265.scss */
.sjvid_box_index.ai .play_sj_icon {
  top: 50%;
}

/* line 310, scss/style-h265.scss */
.sjvid_box_index.ai .play_sj_icon,
.sjvid_box_index.ai ul,
.sjvid_box_index.ai .watch_reload.reload {
  left: 150px;
  margin: 0 0 0 20px;
}

/* line 316, scss/style-h265.scss */
.sjvid_box_index.ai .play_sj_icon,
.sjvid_box_index.ai .watch_reload.reload {
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

/* line 320, scss/style-h265.scss */
.sjvid_box_index.ai video {
  margin-top: 0 !important;
}

/* line 322, scss/style-h265.scss */
.sjvid_box_index.ai video.bg {
  width: 460px;
  max-width: calc(100% - 180px);
  height: auto;
  left: 150px;
  margin: 0 0 0 20px;
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

/* line 336, scss/style-h265.scss */
.fancybox-button {
  background: #c8000a;
}

@media (min-width: 601px) {
  /* line 342, scss/style-h265.scss */
  .sjvid_box_index.ai {
    width: 635px;
  }
  /* line 345, scss/style-h265.scss */
  .sjvid_box_index ul li a {
    white-space: nowrap;
  }
}

@media (max-width: 600px) {
  /* line 354, scss/style-h265.scss */
  .sjvid_box_index ul li {
    margin: 10px 0;
  }
  /* line 356, scss/style-h265.scss */
  .sjvid_box_index ul li a {
    padding: 2px 8px;
  }
  /* line 363, scss/style-h265.scss */
  .sjvid_box_index.ai .v_ai {
    width: 100px;
    left: 10px;
  }
  /* line 367, scss/style-h265.scss */
  .sjvid_box_index.ai .play_sj_icon,
  .sjvid_box_index.ai ul,
  .sjvid_box_index.ai .watch_reload.reload {
    left: 110px;
  }
  /* line 373, scss/style-h265.scss */
  .sjvid_box_index.ai:not(.small) ul {
    max-width: calc(100% - 110px - 10px - 22px);
  }
  /* line 378, scss/style-h265.scss */
  .sjvid_box_index.ai video.bg {
    left: 100px;
    width: calc(100% - 135px);
    max-width: initial;
  }
}

@media (max-width: 320px) {
  /* line 389, scss/style-h265.scss */
  .sjvid_box_index ul li a {
    font-size: 12px;
    line-height: 1.5;
  }
}

@media (hover: hover) and (pointer: fine) {
  /* line 396, scss/style-h265.scss */
  .sjvid_box_index ul li a:hover {
    color: #fff;
    -moz-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    filter: FlipH;
    -ms-filter: "FlipH";
  }
}
