.ind_zmkh_list li{position:relative;width:234px;height:320px;list-style:none;margin:0 auto;display:inline-block;perspective:300px}
.picBox{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform-origin:50% 50% -100px;animation:.2s ease-out 0s 1 normal forwards;height:280px;width:234px}
.picBox .pic{
    display: block;
    height:280px;
}
.picBox .pic img{width: 100%;height: 100%;display: block}
.hide,.show{position:absolute;top:0;right:0;bottom:0;left:0}
.hide{color:#fff;background-color:#333;text-align:center;line-height:25px;padding:10px;transform:translate3d(0,0,-1px);height:260px;width:214px}
.in-right .hide,.out-right .hide{transform-origin:0 0;transform:translate3d(100%,0,0) rotate3d(0,1,0,90deg)}
.in-right .picBox{animation-name:in-right;animation-play-state:running}
.out-right .picBox{animation-name:out-right;animation-play-state:running}

@keyframes in-right{from{transform:rotate3d(0,0,0,0deg)}
    to{transform:rotate3d(0,-1,0,90deg)}
}
@keyframes out-right{from{transform:rotate3d(0,-1,0,90deg)}
    to{transform:rotate3d(0,0,0,0deg)}
}
.in-left .hide,.out-left .hide{transform-origin:100% 0;transform:translate3d(-100%,0,0) rotate3d(0,-1,0,90deg)}
@keyframes in-left{from{transform:rotate3d(0,0,0,0deg)}
    to{transform:rotate3d(0,1,0,90deg)}
}
@keyframes out-left{from{transform:rotate3d(0,1,0,90deg)}
    to{transform:rotate3d(0,0,0,0deg)}
}
.in-left .picBox{animation-name:in-left;animation-play-state:running}
.out-left .picBox{animation-name:out-left;animation-play-state:running}