.main_anl{
    width: 100%;
    font-family: "Microsoft YaHei";
    background-color: #C3CCD5;
    margin: 0px auto;
    padding: 55px 0px;


}
.albums{
    margin: 0px auto;
}

.albums-title {
    margin: 20px auto 0px auto;
}
.albums-inner{
    float: left;
    margin: 0px auto;
}
.albums-inner:after{display: block;content: '';clear: both;width: 0px;height: 0px}
.albums-tab{
    float: left;
    width: 300px;
    margin: 0px 0px 60px 0px;
}
.albums-tab:nth-child(3n+0) {
    margin-right: 0px;
}

.albums-tab-thumb{
    float: left;
    width: 300px;
    height: 223px;
}
.albums-tab-thumb img {
    height: auto;
    width: 290px;
    background-color: rgba(255,255,255,1);
    padding: 5px;
}
.albums-tab-text{
    float: left;
    width: 100%;
    text-align: center;
    color: #0a0b0c;
    margin-top: 15px;
    font-size: 18px;
}
.albums-tab-text span {
    font-size: 14px;
    color: rgba(102,102,102,1);
}
.sim-anim-1{
    position: relative;
}
.sim-anim-1 img{
    position: absolute;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.sim-anim-1:hover img{
    z-index: 1;
}
.sim-anim-1:hover img:nth-child(1){
    -ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}
.sim-anim-1:hover img:nth-child(2){
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.sim-anim-1:hover img:nth-child(3){
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
}
.sim-anim-1:hover img:nth-child(4){
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
}
.sim-anim-1:hover img:nth-child(5){
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}
.sim-anim-1:hover img:nth-child(6){
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.sim-anim-1:hover img:nth-child(7){
    -ms-transform: scale(0.9,0.9);
    -webkit-transform: scale(0.9,0.9);
    transform: scale(0.9,0.9);
}


.sim-anim-2{
    position: relative;
}
.sim-anim-2 img{
    position: absolute;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.sim-anim-2:hover img{
    z-index: 1;
}
.sim-anim-2:hover img:nth-child(1){
    -ms-transform: translate(-40%,-80%) rotate(-40deg);
    -webkit-transform: translate(-40%,-80%)  rotate(-40deg);
    transform: translate(-40%,-80%)  rotate(-40deg);
}
.sim-anim-2:hover img:nth-child(2){
    -ms-transform: translate(-30%,-60%) rotate(-30deg);
    -webkit-transform: translate(-30%,-60%)  rotate(-30deg);
    transform: translate(-30%,-60%)  rotate(-30deg);
}
.sim-anim-2:hover img:nth-child(3){
    -ms-transform: translate(-20%,-40%) rotate(-20deg);
    -webkit-transform: translate(-20%,-40%)  rotate(-20deg);
    transform: translate(-20%,-40%)  rotate(-20deg);
}
.sim-anim-2:hover img:nth-child(4){
    -ms-transform: translate(-10%,-20%) rotate(-10deg);
    -webkit-transform: translate(-10%,-20%)  rotate(-10deg);
    transform: translate(-10%,-20%)  rotate(-10deg);
}
.sim-anim-2:hover img:nth-child(5){
    -ms-transform: scale(1.1,1.1) rotate(-5deg);
    -webkit-transform: scale(1.1,1.1) rotate(-5deg);
    transform: scale(1.1,1.1) rotate(-5deg);
}


.sim-anim-3{
    position: relative;
}
.sim-anim-3 img{
    position: absolute;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.sim-anim-3:hover img{
    z-index: 1;
}
.sim-anim-3:hover img:nth-child(1){
    -ms-transform: translate(40%,80%) rotate(-40deg);
    -webkit-transform: translate(40%,80%) rotate(-40deg);
    transform: translate(40%,80%) rotate(-40deg);
}
.sim-anim-3:hover img:nth-child(2){
    -ms-transform: translate(30%,60%)  rotate(-30deg);
    -webkit-transform: translate(30%,60%)  rotate(-30deg);
    transform: translate(30%,60%)  rotate(-30deg);
}
.sim-anim-3:hover img:nth-child(3){
    -ms-transform: translate(20%,40%) rotate(-20deg);
    -webkit-transform: translate(20%,40%)  rotate(-20deg);
    transform: translate(20%,40%)  rotate(-20deg);
}
.sim-anim-3:hover img:nth-child(4){
    -ms-transform: translate(10%,20%) rotate(-10deg);
    -webkit-transform: translate(10%,20%)  rotate(-10deg);
    transform: translate(10%,20%)  rotate(-10deg);
}
.sim-anim-3:hover img:nth-child(5){
    -ms-transform: translate(40%,-80%) rotate(40deg);
    -webkit-transform: translate(40%,-80%) rotate(40deg);
    transform: translate(40%,-80%) rotate(40deg);
}
.sim-anim-3:hover img:nth-child(6){
    -ms-transform: translate(30%,-60%)  rotate(30deg);
    -webkit-transform: translate(30%,-60%)  rotate(30deg);
    transform: translate(30%,-60%)  rotate(30deg);
}
.sim-anim-3:hover img:nth-child(7){
    -ms-transform: translate(20%,-40%) rotate(20deg);
    -webkit-transform: translate(20%,-40%)  rotate(20deg);
    transform: translate(20%,-40%)  rotate(20deg);
}
.sim-anim-3:hover img:nth-child(8){
    -ms-transform: translate(10%,-20%) rotate(10deg);
    -webkit-transform: translate(10%,-20%)  rotate(10deg);
    transform: translate(10%,-20%)  rotate(10deg);
}
.sim-anim-3:hover img:nth-child(9){
    -ms-transform: scale(1.1,1.1) ;
    -webkit-transform: scale(1.1,1.1) ;
    transform: scale(1.1,1.1) ;
}




.sim-anim-4{
    position: relative;
}
.sim-anim-4 img{
    position: absolute;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.sim-anim-4:hover img{
    z-index: 1;
}
.sim-anim-4:hover img:nth-child(1){
    -ms-transform: translate(-80%,-160%) rotate(-80deg) scale(0.3,0.3);
    -webkit-transform: translate(-80%,-160%)  rotate(-80deg) scale(0.3,0.3);
    transform: translate(-80%,-160%)  rotate(-80deg) scale(0.3,0.3);
}
.sim-anim-4:hover img:nth-child(2){
    -ms-transform: translate(-70%,-140%) rotate(-70deg) scale(0.4,0.4);
    -webkit-transform: translate(-70%,-140%)  rotate(-70deg) scale(0.4,0.4);
    transform: translate(-70%,-140%)  rotate(-70deg) scale(0.4,0.4);
}
.sim-anim-4:hover img:nth-child(3){
    -ms-transform: translate(-60%,-120%) rotate(-60deg)  scale(0.5,0.5);
    -webkit-transform: translate(-60%,-120%)  rotate(-60deg)  scale(0.5,0.5);
    transform: translate(-60%,-120%)  rotate(-60deg)  scale(0.5,0.5);
}
.sim-anim-4:hover img:nth-child(4){
    -ms-transform: translate(-50%,-100%) rotate(-50deg)  scale(0.6,0.6);
    -webkit-transform: translate(-50%,-100%)  rotate(-50deg)  scale(0.6,0.6);
    transform: translate(-50%,-100%)  rotate(-50deg)  scale(0.6,0.6);
}
.sim-anim-4:hover img:nth-child(5){
    -ms-transform: translate(-40%,-80%) rotate(-40deg) scale(0.7,0.7);
    -webkit-transform: translate(-40%,-80%)  rotate(-40deg) scale(0.7,0.7);
    transform: translate(-40%,-80%)  rotate(-40deg) scale(0.7,0.7);
}
.sim-anim-4:hover img:nth-child(6){
    -ms-transform: translate(-30%,-60%) rotate(-30deg) scale(0.8,0.8);
    -webkit-transform: translate(-30%,-60%)  rotate(-30deg) scale(0.8,0.8);
    transform: translate(-30%,-60%)  rotate(-30deg) scale(0.8,0.8);
}
.sim-anim-4:hover img:nth-child(7){
    -ms-transform: translate(-20%,-40%) rotate(-20deg) scale(0.9,0.9);
    -webkit-transform: translate(-20%,-40%)  rotate(-20deg) scale(0.9,0.9);
    transform: translate(-20%,-40%)  rotate(-20deg) scale(0.9,0.9);
}
.sim-anim-4:hover img:nth-child(8){
    -ms-transform: translate(-10%,-20%) rotate(-10deg);
    -webkit-transform: translate(-10%,-20%)  rotate(-10deg);
    transform: translate(-10%,-20%)  rotate(-10deg);
}
.sim-anim-4:hover img:nth-child(9){
    -ms-transform: scale(1.1,1.1) ;
    -webkit-transform: scale(1.1,1.1) ;
    transform: scale(1.1,1.1) ;
}



.sim-anim-5{
    position: relative;
}
.sim-anim-5 img{
    position: absolute;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.sim-anim-5:hover img{
    z-index: 1;
}
.sim-anim-5:hover img:nth-child(1){
    -ms-transform: translate(0,50%) rotate(-20deg);
    -webkit-transform: translate(0,50%) rotate(-20deg);
    transform: translate(0,50%) rotate(-20deg);
}

.sim-anim-5:hover img:nth-child(2){
    -ms-transform: translate(50%,0) rotate(-20deg);
    -webkit-transform: translate(50%,0) rotate(-20deg);
    transform: translate(50%,0) rotate(-20deg);
}
.sim-anim-5:hover img:nth-child(3){
    -ms-transform: translate(0,-50%)  rotate(-20deg);
    -webkit-transform: translate(0,-50%)  rotate(-20deg);
    transform: translate(0,-50%)  rotate(-20deg);
}
.sim-anim-5:hover img:nth-child(4){
    -ms-transform: translate(-50%,0)  rotate(-20deg);
    -webkit-transform: translate(-50%,0)  rotate(-20deg);
    transform: translate(-50%,0)  rotate(-20deg);
}
.sim-anim-5:hover img:nth-child(5){
    -ms-transform: scale(1.1,1.1) rotate(-20deg);
    -webkit-transform: scale(1.1,1.1) rotate(-20deg);
    transform: scale(1.1,1.1) rotate(-20deg);
}



.sim-anim-6{
    position: relative;

}
.sim-anim-6 img{
    position: absolute;
    -webkit-transition: all 0.5s ;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.sim-anim-6:hover img{
    z-index: 1;
}
.sim-anim-6:hover img:nth-child(1){
    -ms-transform:translate(-20%,-85%) scale(0.8,0.8) rotate(-20deg);
    -webkit-transform: translate(-20%,-85%) scale(0.8,0.8) rotate(-20deg);
    transform: translate(-20%,-85%) scale(0.8,0.8) rotate(-20deg);
}
.sim-anim-6:hover img:nth-child(2){
    -ms-transform:translate(-80%,45%) scale(0.8,0.8) rotate(-20deg);
    -webkit-transform: translate(-80%,45%) scale(0.8,0.8) rotate(-20deg);
    transform: translate(-80%,45%) scale(0.8,0.8) rotate(-20deg);
}
.sim-anim-6:hover img:nth-child(3){
    -ms-transform:translate(20%,85%) scale(0.8,0.8) rotate(-20deg);
    -webkit-transform: translate(20%,85%) scale(0.8,0.8) rotate(-20deg);
    transform: translate(20%,85%) scale(0.8,0.8) rotate(-20deg);
}
.sim-anim-6:hover img:nth-child(4){
    -ms-transform: translate(80%,-45%) scale(0.8,0.8) rotate(-20deg);
    -webkit-transform: translate(80%,-45%) scale(0.8,0.8) rotate(-20deg);
    transform: translate(80%,-45%) scale(0.8,0.8) rotate(-20deg);
}
.sim-anim-6:hover img:nth-child(5){
    -ms-transform:translate(-100%,-40%) scale(0.8,0.8) rotate(-20deg);
    -webkit-transform: translate(-100%,-40%) scale(0.8,0.8) rotate(-20deg);
    transform: translate(-100%,-40%) scale(0.8,0.8) rotate(-20deg);
}
.sim-anim-6:hover img:nth-child(6){
    -ms-transform:translate(100%,40%) scale(0.8,0.8) rotate(-20deg);
    -webkit-transform: translate(100%,40%) scale(0.8,0.8) rotate(-20deg);
    transform: translate(100%,40%) scale(0.8,0.8) rotate(-20deg);
}
.sim-anim-6:hover img:nth-child(7){
    -ms-transform:translate(60%,-130%) scale(0.8,0.8) rotate(-20deg);
    -webkit-transform: translate(60%,-130%) scale(0.8,0.8) rotate(-20deg);
    transform: translate(60%,-130%) scale(0.8,0.8) rotate(-20deg);
}
.sim-anim-6:hover img:nth-child(8){
    -ms-transform:translate(-60%,130%) scale(0.8,0.8) rotate(-20deg);
    -webkit-transform: translate(-60%,130%) scale(0.8,0.8) rotate(-20deg);
    transform: translate(-60%,130%) scale(0.8,0.8) rotate(-20deg);
}
.sim-anim-6:hover img:nth-child(9){
    -ms-transform: scale(1.2,1.2) rotate(-20deg);
    -webkit-transform: scale(1.2,1.2) rotate(-20deg);
    transform: scale(1.2,1.2) rotate(-20deg);
}


.sim-anim-7{
    position: relative;
}
.sim-anim-7 img{
    position: absolute;
    -webkit-transition: all 0.5s ;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.sim-anim-7:hover img{
    z-index: 1;
}
.sim-anim-7:hover img:nth-child(1){
    -ms-transform: translate(0,-40%) scale(0.5,0.5);
    -webkit-transform: translate(0,-40%) scale(0.5,0.5);
    transform: translate(0,-40%) scale(0.5,0.5);
}
.sim-anim-7:hover img:nth-child(2){
    -ms-transform: translate(0,-20%) scale(0.7,0.7);
    -webkit-transform: translate(0,-20%) scale(0.7,0.7);
    transform: translate(0,-20%) scale(0.7,0.7);
}
.sim-anim-7:hover img:nth-child(3){
    -ms-transform: scale(0.9,0.9) ;
    -webkit-transform: scale(0.9,0.9);
    transform: scale(0.9,0.9);
}
.sim-anim-7:hover img:nth-child(4){
    -ms-transform: translate(0,20%) scale(1.1,1.1);
    -webkit-transform: translate(0,20%) scale(1.1,1.1);
    transform: translate(0,20%) scale(1.1,1.1);
}



.sim-anim-8{
    position: relative;
}
.sim-anim-8 img{
    position: absolute;
    -webkit-transition: all 0.5s ;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.sim-anim-8:hover img{
    z-index: 1;
}
.sim-anim-8:hover img:nth-child(1){
    -ms-transform: translate(20%,-80%) scale(0.2,0.2) rotate(-80deg);
    -webkit-transform: translate(20%,-80%) scale(0.4,0.2) rotate(-80deg);
    transform: translate(20%,-80%) scale(0.2,0.2) rotate(-80deg);
}
.sim-anim-8:hover img:nth-child(2){
    -ms-transform: translate(30%,-60%) scale(0.4,0.4) rotate(-60deg);
    -webkit-transform: translate(30%,-60%) scale(0.4,0.4) rotate(-60deg);
    transform: translate(30%,-60%) scale(0.4,0.4) rotate(-60deg);
}
.sim-anim-8:hover img:nth-child(3){
    -ms-transform: translate(40%,-40%) scale(0.6,0.6) rotate(-40deg);
    -webkit-transform: translate(40%,-40%) scale(0.6,0.6) rotate(-40deg);
    transform: translate(40%,-40%) scale(0.6,0.6) rotate(-40deg);
}
.sim-anim-8:hover img:nth-child(4){
    -ms-transform:translate(50%,-20%) scale(0.8,0.8) rotate(-20deg);
    -webkit-transform: translate(50%,-20%) scale(0.8,0.8)rotate(-20deg);
    transform: translate(50%,-20%) scale(0.8,0.8) rotate(-20deg);
}
.sim-anim-8:hover img:nth-child(5){
    -ms-transform: translate(-20%,-80%) scale(0.2,0.2) rotate(80deg);
    -webkit-transform: translate(-20%,-80%) scale(0.4,0.2) rotate(80deg);
    transform: translate(-20%,-80%) scale(0.2,0.2) rotate(80deg);
}
.sim-anim-8:hover img:nth-child(6){
    -ms-transform: translate(-30%,-60%) scale(0.4,0.4) rotate(60deg);
    -webkit-transform: translate(-30%,-60%) scale(0.4,0.4) rotate(60deg);
    transform: translate(-30%,-60%) scale(0.4,0.4) rotate(60deg);
}
.sim-anim-8:hover img:nth-child(7){
    -ms-transform: translate(-40%,-40%) scale(0.6,0.6) rotate(40deg);
    -webkit-transform: translate(-40%,-40%) scale(0.6,0.6) rotate(40deg);
    transform: translate(-40%,-40%) scale(0.6,0.6) rotate(40deg);
}
.sim-anim-8:hover img:nth-child(8){
    -ms-transform:translate(-50%,-20%) scale(0.8,0.8) rotate(20deg);
    -webkit-transform: translate(-50%,-20%) scale(0.8,0.8) rotate(20deg);
    transform: translate(-50%,-20%) scale(0.8,0.8) rotate(20deg);
}
.sim-anim-8:hover img:nth-child(9){
    -ms-transform: translate(0,20%) scale(1.1,1.1);
    -webkit-transform: translate(0,20%) scale(1.1,1.1);
    transform: translate(0,20%) scale(1.1,1.1);
}



.sim-anim-9{
    position: relative;
    -webkit-perspective: 500px; /* Chrome, Safari, Opera */
    perspective: 500px;

}
.sim-anim-9 img{
    position: absolute;
    -webkit-transition: all 0.5s ;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.sim-anim-9:hover img{
    z-index: 1;
}
.sim-anim-9:hover img:nth-child(1){
    -ms-transform: translate(0,75%) scale(0.7,0.7) rotateX(10deg);
    -webkit-transform: translate(0,75%)  scale(0.7,0.7) rotateX(10deg);
    transform: translate(0,75%)  scale(0.7,0.7) rotateX(10deg);

}
.sim-anim-9:hover img:nth-child(2){
    -ms-transform: translate(72%,75%) scale(0.7,0.7) rotateX(10deg);
    -webkit-transform: translate(72%,75%)  scale(0.7,0.7) rotateX(10deg);
    transform: translate(72%,75%)  scale(0.7,0.7) rotateX(10deg);
}
.sim-anim-9:hover img:nth-child(3){
    -ms-transform: translate(-72%,75%) scale(0.7,0.7) rotateX(10deg);
    -webkit-transform: translate(-72%,75%)  scale(0.7,0.7) rotateX(10deg);
    transform: translate(-72%,75%)  scale(0.7,0.7) rotateX(10deg);

}
.sim-anim-9:hover img:nth-child(4){
    -ms-transform: translate(-72%,0) scale(0.7,0.7) rotateX(10deg);
    -webkit-transform: translate(-72%,0)  scale(0.7,0.7) rotateX(10deg);
    transform: translate(-72%,0)  scale(0.7,0.7) rotateX(10deg);

}
.sim-anim-9:hover img:nth-child(5){
    -ms-transform: translate(72%,0) scale(0.7,0.7) rotateX(10deg);
    -webkit-transform: translate(72%,0)  scale(0.7,0.7) rotateX(10deg);
    transform: translate(72%,0)  scale(0.7,0.7) rotateX(10deg);

}
.sim-anim-9:hover img:nth-child(6){
    -ms-transform: translate(72%,-70%) scale(0.7,0.7) rotateX(10deg);
    -webkit-transform: translate(72%,-70%)  scale(0.7,0.7) rotateX(10deg);
    transform: translate(72%,-70%)  scale(0.7,0.7) rotateX(10deg);

}
.sim-anim-9:hover img:nth-child(7){
    -ms-transform: translate(-72%,-70%)  scale(0.7,0.7) rotateX(10deg);
    -webkit-transform: translate(-72%,-70%)  scale(0.7,0.7) rotateX(10deg);
    transform: translate(-72%,-70%)  scale(0.7,0.7) rotateX(10deg);

}
.sim-anim-9:hover img:nth-child(8){
    -ms-transform: translate(0,-70%) scale(0.7,0.7) rotateX(10deg);
    -webkit-transform: translate(0,-70%) scale(0.7,0.7) rotateX(10deg);
    transform: translate(0,-70%) scale(0.7,0.7) rotateX(10deg);

}
.sim-anim-9:hover img:nth-child(9){
    -ms-transform: scale(0.7,0.7) rotateX(10deg);
    -webkit-transform:scale(0.7,0.7) rotateX(10deg);
    transform: scale(0.7,0.7) rotateX(10deg);
}