/*视频动画，呼吸*/
@-webkit-keyframes breath {
    from {
        -webkit-transform:scale(0.9);
        -moz-transform:scale(0.9);
        -ms-transform:scale(0.9);
        -o-transform:scale(0.9);
        transform:scale(0.9)
    }
    to {
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }
}
@-moz-keyframes breath {
    from {
        -webkit-transform:scale(0.9);
        -moz-transform:scale(0.9);
        -ms-transform:scale(0.9);
        -o-transform:scale(0.9);
        transform:scale(0.9)
    }
    to {
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }
}
@-ms-keyframes breath {
    from {
        -webkit-transform:scale(0.9);
        -moz-transform:scale(0.9);
        -ms-transform:scale(0.9);
        -o-transform:scale(0.9);
        transform:scale(0.9)
    }
    to {
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }
}
@-o-keyframes breath {
    from {
        -webkit-transform:scale(0.9);
        -moz-transform:scale(0.9);
        -ms-transform:scale(0.9);
        -o-transform:scale(0.9);
        transform:scale(0.9)
    }
    to {
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }
}
@keyframes breath {
    from {
        -webkit-transform:scale(0.9);
        -moz-transform:scale(0.9);
        -ms-transform:scale(0.9);
        -o-transform:scale(0.9);
        transform:scale(0.9)
    }
    to {
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }
}
/*旋转动画*/
@keyframes zhuan{
    0%{
        -webkit-transform:rotate(-360deg);
        -o-transform:rotate(-360deg);
        -moz-transform:rotate(-360deg);
        -ms-transform:rotate(-360deg);
        transform:rotate(-360deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
@-webkit-keyframes zhuan{
    0%{
        -webkit-transform:rotate(-360deg);
        -o-transform:rotate(-360deg);
        -moz-transform:rotate(-360deg);
        -ms-transform:rotate(-360deg);
        transform:rotate(-360deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
@-moz-keyframes zhuan{
    0%{
        -webkit-transform:rotate(-360deg);
        -o-transform:rotate(-360deg);
        -moz-transform:rotate(-360deg);
        -ms-transform:rotate(-360deg);
        transform:rotate(-360deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
@-o-keyframes zhuan{
    0%{
        -webkit-transform:rotate(-360deg);
        -o-transform:rotate(-360deg);
        -moz-transform:rotate(-360deg);
        -ms-transform:rotate(-360deg);
        transform:rotate(-360deg);
    }
    100%{
        -webkit-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}

/*逆时针旋转*/
@-o-keyframes zhuan2{
    0%{
        -webkit-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg);
    }
    100%{
        -webkit-transform:rotate(-360deg);
        -o-transform:rotate(-360deg);
        -moz-transform:rotate(-360deg);
        -ms-transform:rotate(-360deg);
        transform:rotate(-360deg);
    }
}
@-webkit-keyframes zhuan2{
    0%{
        -webkit-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg);
    }
    100%{
        -webkit-transform:rotate(-360deg);
        -o-transform:rotate(-360deg);
        -moz-transform:rotate(-360deg);
        -ms-transform:rotate(-360deg);
        transform:rotate(-360deg);
    }
}
@-moz-keyframes zhuan2{
    0%{
        -webkit-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg);
    }
    100%{
        -webkit-transform:rotate(-360deg);
        -o-transform:rotate(-360deg);
        -moz-transform:rotate(-360deg);
        -ms-transform:rotate(-360deg);
        transform:rotate(-360deg);
    }
}
@-ms-keyframes zhuan2{
    0%{
        -webkit-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg);
    }
    100%{
        -webkit-transform:rotate(-360deg);
        -o-transform:rotate(-360deg);
        -moz-transform:rotate(-360deg);
        -ms-transform:rotate(-360deg);
        transform:rotate(-360deg);
    }
}
@keyframes zhuan2{
    0%{
        -webkit-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg);
    }
    100%{
        -webkit-transform:rotate(-360deg);
        -o-transform:rotate(-360deg);
        -moz-transform:rotate(-360deg);
        -ms-transform:rotate(-360deg);
        transform:rotate(-360deg);
    }
}


/*人物开始动画*/
@keyframes fedeInDown{
    from {height: 0;opacity: 0;top: -1000px;}
    to {height: 1146px;opacity: 1;top:0;}
}
@-webkit-keyframes  fedeInDown{
    from {height: 0;opacity: 0;top: -1000px;}
    to {height: 1146px;opacity: 1;top:0;}
}
@-moz-keyframes  fedeInDown{
    from {height: 0;opacity: 0;top: -1000px;}
    to {height: 1146px;opacity: 1;top:0;}
}

@keyframes fedeInLeft{
    from {opacity: 0;left: -650px;width: 0;}
    to {opacity: 1;left: 320px;width: 927px;}
}
@-webkit-keyframes  fedeInLeft{
    from {opacity: 0;left: -650px;width: 0;}
    to {opacity: 1;left: 320px;width: 927px;}
}
@-moz-keyframes  fedeInLeft{
    from {opacity: 0;left: -650px;width: 0;}
    to {opacity: 1;left: 320px;width: 927px;}
}

@keyframes fedeInRight{
    from {opacity: 0;right: -1500px;width: 0;}
    to {opacity: 1;right:-80px;width: 1409px;}
}
@-webkit-keyframes  fedeInRight{
    from {opacity: 0;right: -1500px;width: 0;}
    to {opacity: 1;right:-80px;width: 1409px;}
}
@-moz-keyframes  fedeInRight{
    from {opacity: 0;right: -1500px;width: 0;}
    to {opacity: 1;right:-80px;width: 1409px;}
}



/*人物退出时动画*/
@keyframes opacity{
    from {opacity: 1;transform:translate(0,0,0) scale(1);}
    to {opacity: 0;transform:translate(0,0,-100%) scale(0);}
}
@-webkit-keyframes opacity{
    from {opacity: 1;transform:translate(0,0,0) scale(1);}
    to {opacity: 0;transform:translate(0,0,-100%) scale(0);}
}
@-moz-keyframes opacity{
    from {opacity: 1;transform:translate(0,0,0) scale(1);}
    to {opacity: 0;transform:translate(0,0 ,-100%) scale(0);}
}