html,body{height: 100%;margin: 0;}
a{color: #fff;text-decoration: none;}
.psv-box{height: 100%;}

.mask-plate{position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 100;display: none;}
.mask-box{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,.5);display: none;}
.big-img-box{position:absolute;left: 0;top: 0;overflow: hidden;width: 400px;line-height: 396px;height: 400px;text-align: center;}
.big-img-box img{vertical-align: middle;border: 0;margin: 0;padding: 0;max-width: 400px;max-height: 400px;}
.console-box{height: 7%;border-radius:30px;background: rgba(255,255,255,.6);position: absolute;left: 50%;bottom:2%;transform:translateX(-50%);}
.c-btn-style{height: 96%;position: absolute;left: 50%;top:3%;display: inline-block;}
.c-btn-style img{height: 100%;}
.btn-msg{transform:translateX(-250%);}
.btn-enter{transform:translateX(-50%);}
.btn-like{transform:translateX(150%);}
.btn-close{width: 34px;
    height: 34px;
    position: absolute;
    left: 3%;
    top: 1%;
    cursor: pointer;}
.like-num{color: #515151;font-size: 18px;position: absolute;left: 100%;top:25%;}
.mask-empty{width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 10;display: none;}
.video-box,.video-box3{
	width:100%!important;
	height:100%!important;
	background: #fff;
}
.vp1-img {
    width: 86%;
    z-index: 1;
    position: absolute;
    top: 44%;
    left: 7%;
}

.vp1-arrow {
    width: 5.6%;
    z-index: 1;
    bottom: 4%;
    position: absolute;
    left: 47.2%;
}
.vp1-bg {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@media screen and (max-width: 3000px) {
	.console-box{width: 500px;}
}

@media screen and (max-width: 1000px) {
	.console-box{width: 80%;}
}