.yj_flip {width:100%; height:100%; position:relative;}

.yj_flip .page_wrap {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
.yj_flip .page_wrap .page {position:absolute; top:0; width:100%; height:100%; overflow:hidden;}
.yj_flip .page_wrap .page > * {width:100%; height:100%; position:absolute; top:0; background:#fff;}
.yj_flip .page_wrap .page.this {z-index:1;}

.yj_flip .flip_wrap {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.yj_flip .flip_wrap > div {width:50%; height:100%; position:absolute; top:0; right:0; overflow:hidden;
	-ms-transform-origin:0% 0%;
	transform-origin:0% 0%;
}
.yj_flip .flip_wrap > div .page {width:200% !important; height:100%; position:absolute; top:0; right:0;}
.yj_flip .flip_wrap > div .page > * {width:100%; height:100%; position:absolute; top:0; background:#fff;}
.yj_flip .flip_wrap .flip_next1 {z-index:1;
	-ms-transform:perspective(10000px) rotateY(0deg);
	transform:perspective(10000px) rotateY(0deg);
}
.yj_flip .flip_wrap .flip_next2 {opacity:0;
	-ms-transform:perspective(10000px) rotateY(0deg);
	transform:perspective(10000px) rotateY(0deg);
}
.yj_flip .flip_wrap .flip_next2 .page {
	-ms-transform:rotateY(-180deg);
	transform:rotateY(-180deg);
}
.yj_flip .flip_wrap .flip_next1.play {z-index:3;
	-ms-transform:perspective(10000px) rotateY(-90deg);
	transform:perspective(10000px) rotateY(-90deg);
}
.yj_flip .flip_wrap .flip_next2.play {z-index:3; opacity:1;
	-ms-transform:perspective(10000px) rotateY(-180deg);
	transform:perspective(10000px) rotateY(-180deg);
}

.yj_flip .flip_wrap .flip_prev1 {z-index:1;
	-ms-transform:perspective(10000px) rotateY(-180deg);
	transform:perspective(10000px) rotateY(-180deg);
}
.yj_flip .flip_wrap .flip_prev2 {opacity:0;
	-ms-transform:perspective(10000px) rotateY(-180deg);
	transform:perspective(10000px) rotateY(-180deg);
}
.yj_flip .flip_wrap .flip_prev1 .page {transform:rotateY(-180deg);}
.yj_flip .flip_wrap .flip_prev1.play {z-index:3;
	-ms-transform:perspective(10000px) rotateY(-90deg);
	transform:perspective(10000px) rotateY(-90deg);
}
.yj_flip .flip_wrap .flip_prev2.play {z-index:3; opacity:1;
	-ms-transform:perspective(10000px) rotateY(0deg);
	transform:perspective(10000px) rotateY(0deg);
}

.yj_flip.action .page_wrap {z-index:1;}
.yj_flip.action .flip_wrap {z-index:2;}

.yj_flip.action.next .page_wrap .page.this {width:50%; z-index:2; left:0;}
.yj_flip.action.next .page_wrap .page.next {z-index:1;}
.yj_flip.action.next .page_wrap .page.this > * {width:200% !important; left:0;}

.yj_flip.action.prev .page_wrap .page.this {width:50%; z-index:2; right:0;}
.yj_flip.action.prev .page_wrap .page.prev {z-index:1;}
.yj_flip.action.prev .page_wrap .page.this > * {width:200% !important; right:0;}