css3幻灯片换位效果 <br />.flowGallery {width:810px; height:540px; position:relative; z-index:100;}<br />.flowGallery input {position:absolute; left:-9999px;}<br />.flow {padding:0; margin:0; list-style:none; width:810px; height:540px;}<br />.flow li {width:150px; height:100px; position:absolute;}<br />.flow li img {display:block; width:100%; height:100%;}<br />.flow li.c1 {left:0; top:0;<br />-webkit-transition:0.5s 0.05s;<br />-moz-transition:0.5s 0.05s;<br />-ms-transition:0.5s 0.05s;<br />-o-transition:0.5s 0.05s;<br />transition:0.5s 0.05s;<br />}<br />.flow li.c2 {left:165px; top:0;<br />-webkit-transition:0.5s 0.1s;<br />-moz-transition:0.5s 0.1s;<br />-ms-transition:0.5s 0.1s;<br />-o-transition:0.5s 0.1s;<br />transition:0.5s 0.1s;<br />}<br />.flow li.c3 {left:330px; top:0;<br />-webkit-transition:0.5s 0.15s;<br />-moz-transition:0.5s 0.15s;<br />-ms-transition:0.5s 0.15s;<br />-o-transition:0.5s 0.15s;<br />transition:0.5s 0.15s;<br />}<br />.flow li.c4 {left:495px; top:0;<br />-webkit-transition:0.5s 0.2s;<br />-moz-transition:0.5s 0.2s;<br />-ms-transition:0.5s 0.2s;<br />-o-transition:0.5s 0.2s;<br />transition:0.5s 0.2s;<br />}<br />.flow li.c5 {left:660px; top:0;<br />-webkit-transition:0.5s 0.25s;<br />-moz-transition:0.5s 0.25s;<br />-ms-transition:0.5s 0.25s;<br />-o-transition:0.5s 0.25s;<br />transition:0.5s 0.25s;<br />}<br />.flow li.c6 {left:0; top:110px;<br />-webkit-transition:0.5s 0.3s;<br />-moz-transition:0.5s 0.3s;<br />-ms-transition:0.5s 0.3s;<br />-o-transition:0.5s 0.3s;<br />transition:0.5s 0.3s;<br />}<br />.flow li.c7 {left:165px; top:110px;<br />-webkit-transition:0.5s 0.35s;<br />-moz-transition:0.5s 0.35s;<br />-ms-transition:0.5s 0.35s;<br />-o-transition:0.5s 0.35s;<br />transition:0.5s 0.35s;<br />}<br />.flow li.c8 {left:330px; top:110px;<br />-webkit-transition:0.5s 0.4s;<br />-moz-transition:0.5s 0.4s;<br />-ms-transition:0.5s 0.4s;<br />-o-transition:0.5s 0.4s;<br />transition:0.5s 0.4s;<br />}<br />.flow li.c9 {left:495px; top:110px;<br />-webkit-transition:0.5s 0.45s;<br />-moz-transition:0.5s 0.45s;<br />-ms-transition:0.5s 0.45s;<br />-o-transition:0.5s 0.45s;<br />transition:0.5s 0.45s;<br />}<br />.flow li.c10 {left:660px; top:110px;<br />-webkit-transition:0.5s 0.5s;<br />-moz-transition:0.5s 0.5s;<br />-ms-transition:0.5s 0.5s;<br />-o-transition:0.5s 0.5s;<br />transition:0.5s 0.5s;<br />}<br />.flow li.c11 {left:0; top:220px;<br />-webkit-transition:0.5s 0.45s;<br />-moz-transition:0.5s 0.45s;<br />-ms-transition:0.5s 0.45s;<br />-o-transition:0.5s 0.45s;<br />transition:0.5s 0.45s;<br />}<br />.flow li.c12 {left:165px; top:220px;<br />-webkit-transition:0.5s 0.4s;<br />-moz-transition:0.5s 0.4s;<br />-ms-transition:0.5s 0.4s;<br />-o-transition:0.5s 0.4s;<br />transition:0.5s 0.4s;<br />}<br />.flow li.c13 {left:330px; top:220px;<br />-webkit-transition:0.5s 0.35s;<br />-moz-transition:0.5s 0.35s;<br />-ms-transition:0.5s 0.35s;<br />-o-transition:0.5s 0.35s;<br />transition:0.5s 0.35s;<br />}<br />.flow li.c14 {left:495px; top:220px;<br />-webkit-transition:0.5s 0.3s;<br />-moz-transition:0.5s 0.3s;<br />-ms-transition:0.5s 0.3s;<br />-o-transition:0.5s 0.3s;<br />transition:0.5s 0.3s;<br />}<br />.flow li.c15 {left:660px; top:220px;<br />-webkit-transition:0.5s 0.25s;<br />-moz-transition:0.5s 0.25s;<br />-ms-transition:0.5s 0.25s;<br />-o-transition:0.5s 0.25s;<br />transition:0.5s 0.25s;<br />}<br />.flow li.c16 {left:0; top:330px;<br />-webkit-transition:0.5s 0.2s;<br />-moz-transition:0.5s 0.2s;<br />-ms-transition:0.5s 0.2s;<br />-o-transition:0.5s 0.2s;<br />transition:0.5s 0.2s;<br />}<br />.flow li.c17 {left:165px; top:330px;<br />-webkit-transition:0.5s 0.15s;<br />-moz-transition:0.5s 0.15s;<br />-ms-transition:0.5s 0.15s;<br />-o-transition:0.5s 0.15s;<br />transition:0.5s 0.15s;<br />}<br /> <br />#p1:checked ~ .flow li.c1 {left:0px; top:0px; width:480px; height:320px; z-index:-1;}<br />#p1:checked ~ .flow li.c2 {left:495px; top:0px;}<br />#p1:checked ~ .flow li.c3 {left:660px; top:0px;}<br />#p1:checked ~ .flow li.c4 {left:495px; top:110px;}<br />#p1:checked ~ .flow li.c5 {left:660px; top:110px;}<br />#p1:checked ~ .flow li.c6 {left:495px; top:220px;}<br />#p1:checked ~ .flow li.c7 {left:660px; top:220px;}<br />#p1:checked ~ .flow li.c8 {left:0px; top:330px;}<br />#p1:checked ~ .flow li.c9 {left:165px; top:330px;}<br />#p1:checked ~ .flow li.c10 {left:330px; top:330px;}<br />#p1:checked ~ .flow li.c11 {left:495px; top:330px;}<br />#p1:checked ~ .flow li.c12 {left:660px; top:330px;}<br />#p1:checked ~ .flow li.c13 {left:0px; top:440px;}<br />#p1:checked ~ .flow li.c14 {left:165px; top:440px;}<br />#p1:checked ~ .flow li.c15 {left:330px; top:440px;}<br />#p1:checked ~ .flow li.c16 {left:495px; top:440px;}<br />#p1:checked ~ .flow li.c17 {left:660px; top:440px;}<br /> <br />#p2:checked ~ .flow li.c1 {left:0px; top:0px;}<br />#p2:checked ~ .flow li.c2 {left:165px; top:0px; width:480px; height:320px; z-index:-1;}<br />#p2:checked ~ .flow li.c3 {left:660px; top:0px;}<br />#p2:checked ~ .flow li.c4 {left:0px; top:110px;}<br />#p2:checked ~ .flow li.c5 {left:660px; top:110px;}<br />#p2:checked ~ .flow li.c6 {left:0px; top:220px;}<br />#p2:checked ~ .flow li.c7 {left:660px; top:220px;}<br />#p2:checked ~ .flow li.c8 {left:0px; top:330px;}<br />#p2:checked ~ .flow li.c9 {left:165px; top:330px;}<br />#p2:checked ~ .flow li.c10 {left:330px; top:330px;}<br />#p2:checked ~ .flow li.c11 {left:495px; top:330px;}<br />#p2:checked ~ .flow li.c12 {left:660px; top:330px;}<br />#p2:checked ~ .flow li.c13 {left:0px; top:440px;}<br />#p2:checked ~ .flow li.c14 {left:165px; top:440px;}<br />#p2:checked ~ .flow li.c15 {left:330px; top:440px;}<br />#p2:checked ~ .flow li.c16 {left:495px; top:440px;}<br />#p2:checked ~ .flow li.c17 {left:660px; top:440px;}<br /> <br />#p3:checked ~ .flow li.c1 {left:0px; top:0px;}<br />#p3:checked ~ .flow li.c2 {left:165px; top:0px;}<br />#p3:checked ~ .flow li.c3 {left:330px; top:0px; width:480px; height:320px; z-index:-1;}<br />#p3:checked ~ .flow li.c4 {left:0px; top:110px;}<br />#p3:checked ~ .flow li.c5 {left:165px; top:110px;}<br />#p3:checked ~ .flow li.c6 {left:0px; top:220px;}<br />#p3:checked ~ .flow li.c7 {left:165px; top:220px;}<br />#p3:checked ~ .flow li.c8 {left:0px; top:330px;}<br />#p3:checked ~ .flow li.c9 {left:165px; top:330px;}<br />#p3:checked ~ .flow li.c10 {left:330px; top:330px;}<br />#p3:checked ~ .flow li.c11 {left:495px; top:330px;}<br />#p3:checked ~ .flow li.c12 {left:660px; top:330px;}<br />#p3:checked ~ .flow li.c13 {left:0px; top:440px;}<br />#p3:checked ~ .flow li.c14 {left:165px; top:440px;}<br />#p3:checked ~ .flow li.c15 {left:330px; top:440px;}<br />#p3:checked ~ .flow li.c16 {left:495px; top:440px;}<br />#p3:checked ~ .flow li.c17 {left:660px; top:440px;}<br /> <br />#p4:checked ~ .flow li.c1 {left:495px; top:0px;}<br />#p4:checked ~ .flow li.c2 {left:660px; top:0px;}<br />#p4:checked ~ .flow li.c3 {left:495px; top:110px;}<br />#p4:checked ~ .flow li.c4 {left:0px; top:0px; width:480px; height:320px; z-index:-1;}<br />#p4:checked ~ .flow li.c5 {left:660px; top:110px;}<br />#p4:checked ~ .flow li.c6 {left:495px; top:220px;}<br />#p4:checked ~ .flow li.c7 {left:660px; top:220px;}<br />#p4:checked ~ .flow li.c8 {left:0px; top:330px;}<br />#p4:checked ~ .flow li.c9 {left:165px; top:330px;}<br />#p4:checked ~ .flow li.c10 {left:330px; top:330px;}<br />#p4:checked ~ .flow li.c11 {left:495px; top:330px;}<br />#p4:checked ~ .flow li.c12 {left:660px; top:330px;}<br />#p4:checked ~ .flow li.c13 {left:0px; top:440px;}<br />#p4:checked ~ .flow li.c14 {left:165px; top:440px;}<br />#p4:checked ~ .flow li.c15 {left:330px; top:440px;}<br />#p4:checked ~ .flow li.c16 {left:495px; top:440px;}<br />#p4:checked ~ .flow li.c17 {left:660px; top:440px;}<br /> <br />#p5:checked ~ .flow li.c1 {left:0px; top:0px;}<br />#p5:checked ~ .flow li.c2 {left:660px; top:0px;}<br />#p5:checked ~ .flow li.c3 {left:0px; top:110px;}<br />#p5:checked ~ .flow li.c4 {left:660px; top:110px;}<br />#p5:checked ~ .flow li.c5 {left:165px; top:0px; width:480px; height:320px; z-index:-1;}<br />#p5:checked ~ .flow li.c6 {left:0px; top:220px;}<br />#p5:checked ~ .flow li.c7 {left:660px; top:220px;}<br />#p5:checked ~ .flow li.c8 {left:0px; top:330px;}<br />#p5:checked ~ .flow li.c9 {left:165px; top:330px;}<br />#p5:checked ~ .flow li.c10 {left:330px; top:330px;}<br />#p5:checked ~ .flow li.c11 {left:495px; top:330px;}<br />#p5:checked ~ .flow li.c12 {left:660px; top:330px;}<br />#p5:checked ~ .flow li.c13 {left:0px; top:440px;}<br />#p5:checked ~ .flow li.c14 {left:165px; top:440px;}<br />#p5:checked ~ .flow li.c15 {left:330px; top:440px;}<br />#p5:checked ~ .flow li.c16 {left:495px; top:440px;}<br />#p5:checked ~ .flow li.c17 {left:660px; top:440px;}<br /> <br />#p6:checked ~ .flow li.c1 {left:0px; top:0px;}<br />#p6:checked ~ .flow li.c2 {left:165px; top:0px;}<br />#p6:checked ~ .flow li.c3 {left:0px; top:110px;}<br />#p6:checked ~ .flow li.c4 {left:165px; top:110px;}<br />#p6:checked ~ .flow li.c5 {left:0px; top:220px;}<br />#p6:checked ~ .flow li.c6 {left:330px; top:0px; width:480px; height:320px; z-index:-1;}<br />#p6:checked ~ .flow li.c7 {left:165px; top:220px;}<br />#p6:checked ~ .flow li.c8 {left:0px; top:330px;}<br />#p6:checked ~ .flow li.c9 {left:165px; top:330px;}<br />#p6:checked ~ .flow li.c10 {left:330px; top:330px;}<br />#p6:checked ~ .flow li.c11 {left:495px; top:330px;}<br />#p6:checked ~ .flow li.c12 {left:660px; top:330px;}<br />#p6:checked ~ .flow li.c13 {left:0px; top:440px;}<br />#p6:checked ~ .flow li.c14 {left:165px; top:440px;}<br />#p6:checked ~ .flow li.c15 {left:330px; top:440px;}<br />#p6:checked ~ .flow li.c16 {left:495px; top:440px;}<br />#p6:checked ~ .flow li.c17 {left:660px; top:440px;}<br /> <br />#p7:checked ~ .flow li.c1 {left:0px; top:0px;}<br />#p7:checked ~ .flow li.c2 {left:165px; top:0px;}<br />#p7:checked ~ .flow li.c3 {left:330px; top:0px;}<br />#p7:checked ~ .flow li.c4 {left:495px; top:0px;}<br />#p7:checked ~ .flow li.c5 {left:660px; top:0px;}<br />#p7:checked ~ .flow li.c6 {left:495px; top:110px;}<br />#p7:checked ~ .flow li.c7 {left:0px; top:110px; width:480px; height:320px; z-index:-1;}<br />#p7:checked ~ .flow li.c8 {left:660px; top:110px;}<br />#p7:checked ~ .flow li.c9 {left:495px; top:220px;}<br />#p7:checked ~ .flow li.c10 {left:660px; top:220px;}<br />#p7:checked ~ .flow li.c11 {left:495px; top:330px;}<br />#p7:checked ~ .flow li.c12 {left:660px; top:330px;}<br />#p7:checked ~ .flow li.c13 {left:0px; top:440px;}<br />#p7:checked ~ .flow li.c14 {left:165px; top:440px;}<br />#p7:checked ~ .flow li.c15 {left:330px; top:440px;}<br />#p7:checked ~ .flow li.c16 {left:495px; top:440px;}<br />#p7:checked ~ .flow li.c17 {left:660px; top:440px;}<br /> <br />#p8:checked ~ .flow li.c1 {left:0px; top:0px;}<br />#p8:checked ~ .flow li.c2 {left:165px; top:0px;}<br />#p8:checked ~ .flow li.c3 {left:330px; top:0px;}<br />#p8:checked ~ .flow li.c4 {left:495px; top:0px;}<br />#p8:checked ~ .flow li.c5 {left:660px; top:0px;}<br />#p8:checked ~ .flow li.c6 {left:0px; top:110px;}<br />#p8:checked ~ .flow li.c7 {left:660px; top:110px;}<br />#p8:checked ~ .flow li.c8 {left:165px; top:110px; width:480px; height:320px; z-index:-1;}<br />#p8:checked ~ .flow li.c9 {left:0px; top:220px;}<br />#p8:checked ~ .flow li.c10 {left:660px; top:220px;}<br />#p8:checked ~ .flow li.c11 {left:0px; top:330px;}<br />#p8:checked ~ .flow li.c12 {left:660px; top:330px;}<br />#p8:checked ~ .flow li.c13 {left:0px; top:440px;}<br />#p8:checked ~ .flow li.c14 {left:165px; top:440px;}<br />#p8:checked ~ .flow li.c15 {left:330px; top:440px;}<br />#p8:checked ~ .flow li.c16 {left:495px; top:440px;}<br />#p8:checked ~ .flow li.c17 {left:660px; top:440px;}<br /> <br />#p9:checked ~ .flow li.c1 {left:0px; top:0px;}<br />#p9:checked ~ .flow li.c2 {left:165px; top:0px;}<br />#p9:checked ~ .flow li.c3 {left:330px; top:0px;}<br />#p9:checked ~ .flow li.c4 {left:495px; top:0px;}<br />#p9:checked ~ .flow li.c5 {left:660px; top:0px;}<br />#p9:checked ~ .flow li.c6 {left:0px; top:110px;}<br />#p9:checked ~ .flow li.c7 {left:165px; top:110px;}<br />#p9:checked ~ .flow li.c8 {left:0px; top:220px;}<br />#p9:checked ~ .flow li.c9 {left:330px; top:110px; width:480px; height:320px; z-index:-1;}<br />#p9:checked ~ .flow li.c10 {left:165px; top:220px;}<br />#p9:checked ~ .flow li.c11 {left:0px; top:330px;}<br />#p9:checked ~ .flow li.c12 {left:165px; top:330px;}<br />#p9:checked ~ .flow li.c13 {left:0px; top:440px;}<br />#p9:checked ~ .flow li.c14 {left:165px; top:440px;}<br />#p9:checked ~ .flow li.c15 {left:330px; top:440px;}<br />#p9:checked ~ .flow li.c16 {left:495px; top:440px;}<br />#p9:checked ~ .flow li.c17 {left:660px; top:440px;}<br /> <br />#p10:checked ~ .flow li.c1 {left:0px; top:0px;}<br />#p10:checked ~ .flow li.c2 {left:165px; top:0px;}<br />#p10:checked ~ .flow li.c3 {left:330px; top:0px;}<br />#p10:checked ~ .flow li.c4 {left:495px; top:0px;}<br />#p10:checked ~ .flow li.c5 {left:660px; top:0px;}<br />#p10:checked ~ .flow li.c6 {left:495px; top:110px;}<br />#p10:checked ~ .flow li.c7 {left:660px; top:110px;}<br />#p10:checked ~ .flow li.c8 {left:495px; top:220px;}<br />#p10:checked ~ .flow li.c9 {left:660px; top:220px;}<br />#p10:checked ~ .flow li.c10 {left:0px; top:110px; width:480px; height:320px; z-index:-1;}<br />#p10:checked ~ .flow li.c11 {left:495px; top:330px;}<br />#p10:checked ~ .flow li.c12 {left:660px; top:330px;}<br />#p10:checked ~ .flow li.c13 {left:0px; top:440px;}<br />#p10:checked ~ .flow li.c14 {left:165px; top:440px;}<br />#p10:checked ~ .flow li.c15 {left:330px; top:440px;}<br />#p10:checked ~ .flow li.c16 {left:495px; top:440px;}<br />#p10:checked ~ .flow li.c17 {left:660px; top:440px;}<br /> <br />#p11:checked ~ .flow li.c1 {left:0px; top:0px;}<br />#p11:checked ~ .flow li.c2 {left:165px; top:0px;}<br />#p11:checked ~ .flow li.c3 {left:330px; top:0px;}<br />#p11:checked ~ .flow li.c4 {left:495px; top:0px;}<br />#p11:checked ~ .flow li.c5 {left:660px; top:0px;}<br />#p11:checked ~ .flow li.c6 {left:0px; top:110px;}<br />#p11:checked ~ .flow li.c7 {left:660px; top:110px;}<br />#p11:checked ~ .flow li.c8 {left:0px; top:220px;}<br />#p11:checked ~ .flow li.c9 {left:660px; top:220px;}<br />#p11:checked ~ .flow li.c10 {left:0px; top:330px;}<br />#p11:checked ~ .flow li.c11 {left:165px; top:110px; width:480px; height:320px; z-index:-1;}<br />#p11:checked ~ .flow li.c12 {left:660px; top:330px;}<br />#p11:checked ~ .flow li.c13 {left:0px; top:440px;}<br />#p11:checked ~ .flow li.c14 {left:165px; top:440px;}<br />#p11:checked ~ .flow li.c15 {left:330px; top:440px;}<br />#p11:checked ~ .flow li.c16 {left:495px; top:440px;}<br />#p11:checked ~ .flow li.c17 {left:660px; top:440px;}<br /> <br />#p12:checked ~ .flow li.c1 {left:0px; top:0px;}<br />#p12:checked ~ .flow li.c2 {left:165px; top:0px;}<br />#p12:checked ~ .flow li.c3 {left:330px; top:0px;}<br />#p12:checked ~ .flow li.c4 {left:495px; top:0px;}<br />#p12:checked ~ .flow li.c5 {left:660px; top:0px;}<br />#p12:checked ~ .flow li.c6 {left:0px; top:110px;}<br />#p12:checked ~ .flow li.c7 {left:165px; top:110px;}<br />#p12:checked ~ .flow li.c8 {left:0px; top:220px;}<br />#p12:checked ~ .flow li.c9 {left:165px; top:220px;}<br />#p12:checked ~ .flow li.c10 {left:0px; top:330px;}<br />#p12:checked ~ .flow li.c11 {left:165px; top:330px;}<br />#p12:checked ~ .flow li.c12 {left:330px; top:110px; width:480px; height:320px; z-index:-1;}<br />#p12:checked ~ .flow li.c13 {left:0px; top:440px;}<br />#p12:checked ~ .flow li.c14 {left:165px; top:440px;}<br />#p12:checked ~ .flow li.c15 {left:330px; top:440px;}<br />#p12:checked ~ .flow li.c16 {left:495px; top:440px;}<br />#p12:checked ~ .flow li.c17 {left:660px; top:440px;}<br /> <br />#p13:checked ~ .flow li.c1 {left:0px; top:0px;}<br />#p13:checked ~ .flow li.c2 {left:165px; top:0px;}<br />#p13:checked ~ .flow li.c3 {left:330px; top:0px;}<br />#p13:checked ~ .flow li.c4 {left:495px; top:0px;}<br />#p13:checked ~ .flow li.c5 {left:660px; top:0px;}<br />#p13:checked ~ .flow li.c6 {left:0px; top:110px;}<br />#p13:checked ~ .flow li.c7 {left:165px; top:110px;}<br />#p13:checked ~ .flow li.c8 {left:330px; top:110px;}<br />#p13:checked ~ .flow li.c9 {left:495px; top:110px;}<br />#p13:checked ~ .flow li.c10 {left:660px; top:110px;}<br />#p13:checked ~ .flow li.c11 {left:495px; top:220px;}<br />#p13:checked ~ .flow li.c12 {left:660px; top:220px;}<br />#p13:checked ~ .flow li.c13 {left:0px; top:220px; width:480px; height:320px; z-index:-1;}<br />#p13:checked ~ .flow li.c14 {left:495px; top:330px;}<br />#p13:checked ~ .flow li.c15 {left:660px; top:330px;}<br />#p13:checked ~ .flow li.c16 {left:495px; top:440px;}<br />#p13:checked ~ .flow li.c17 {left:660px; top:440px;}<br /> <br />#p14:checked ~ .flow li.c1 {left:0px; top:0px;}<br />#p14:checked ~ .flow li.c2 {left:165px; top:0px;}<br />#p14:checked ~ .flow li.c3 {left:330px; top:0px;}<br />#p14:checked ~ .flow li.c4 {left:495px; top:0px;}<br />#p14:checked ~ .flow li.c5 {left:660px; top:0px;}<br />#p14:checked ~ .flow li.c6 {left:0px; top:110px;}<br />#p14:checked ~ .flow li.c7 {left:165px; top:110px;}<br />#p14:checked ~ .flow li.c8 {left:330px; top:110px;}<br />#p14:checked ~ .flow li.c9 {left:495px; top:110px;}<br />#p14:checked ~ .flow li.c10 {left:660px; top:110px;}<br />#p14:checked ~ .flow li.c11 {left:0px; top:220px;}<br />#p14:checked ~ .flow li.c12 {left:660px; top:220px;}<br />#p14:checked ~ .flow li.c13 {left:0px; top:330px;}<br />#p14:checked ~ .flow li.c14 {left:165px; top:220px; width:480px; height:320px; z-index:-1;}<br />#p14:checked ~ .flow li.c15 {left:660px; top:330px;}<br />#p14:checked ~ .flow li.c16 {left:0px; top:440px;}<br />#p14:checked ~ .flow li.c17 {left:660px; top:440px;}<br /> <br />#p15:checked ~ .flow li.c1 {left:0px; top:0px;}<br />#p15:checked ~ .flow li.c2 {left:165px; top:0px;}<br />#p15:checked ~ .flow li.c3 {left:330px; top:0px;}<br />#p15:checked ~ .flow li.c4 {left:495px; top:0px;}<br />#p15:checked ~ .flow li.c5 {left:660px; top:0px;}<br />#p15:checked ~ .flow li.c6 {left:0px; top:110px;}<br />#p15:checked ~ .flow li.c7 {left:165px; top:110px;}<br />#p15:checked ~ .flow li.c8 {left:330px; top:110px;}<br />#p15:checked ~ .flow li.c9 {left:495px; top:110px;}<br />#p15:checked ~ .flow li.c10 {left:660px; top:110px;}<br />#p15:checked ~ .flow li.c11 {left:0px; top:220px;}<br />#p15:checked ~ .flow li.c12 {left:165px; top:220px;}<br />#p15:checked ~ .flow li.c13 {left:0px; top:330px;}<br />#p15:checked ~ .flow li.c14 {left:165px; top:330px;}<br />#p15:checked ~ .flow li.c15 {left:330px; top:220px; width:480px; height:320px; z-index:-1;}<br />#p15:checked ~ .flow li.c16 {left:0px; top:440px;}<br />#p15:checked ~ .flow li.c17 {left:165px; top:440px;}<br /> <br />#p16:checked ~ .flow li.c1 {left:0px; top:0px;}<br />#p16:checked ~ .flow li.c2 {left:165px; top:0px;}<br />#p16:checked ~ .flow li.c3 {left:330px; top:0px;}<br />#p16:checked ~ .flow li.c4 {left:495px; top:0px;}<br />#p16:checked ~ .flow li.c5 {left:660px; top:0px;}<br />#p16:checked ~ .flow li.c6 {left:0px; top:110px;}<br />#p16:checked ~ .flow li.c7 {left:165px; top:110px;}<br />#p16:checked ~ .flow li.c8 {left:330px; top:110px;}<br />#p16:checked ~ .flow li.c9 {left:495px; top:110px;}<br />#p16:checked ~ .flow li.c10 {left:660px; top:110px;}<br />#p16:checked ~ .flow li.c11 {left:0px; top:220px;}<br />#p16:checked ~ .flow li.c12 {left:660px; top:220px;}<br />#p16:checked ~ .flow li.c13 {left:0px; top:330px;}<br />#p16:checked ~ .flow li.c14 {left:660px; top:330px;}<br />#p16:checked ~ .flow li.c15 {left:0px; top:440px;}<br />#p16:checked ~ .flow li.c16 {left:165px; top:220px; width:480px; height:320px; z-index:-1;}<br />#p16:checked ~ .flow li.c17 {left:660px; top:440px;}<br /> <br />#p17:checked ~ .flow li.c1 {left:0px; top:0px;}<br />#p17:checked ~ .flow li.c2 {left:165px; top:0px;}<br />#p17:checked ~ .flow li.c3 {left:330px; top:0px;}<br />#p17:checked ~ .flow li.c4 {left:495px; top:0px;}<br />#p17:checked ~ .flow li.c5 {left:660px; top:0px;}<br />#p17:checked ~ .flow li.c6 {left:0px; top:110px;}<br />#p17:checked ~ .flow li.c7 {left:165px; top:110px;}<br />#p17:checked ~ .flow li.c8 {left:330px; top:110px;}<br />#p17:checked ~ .flow li.c9 {left:495px; top:110px;}<br />#p17:checked ~ .flow li.c10 {left:660px; top:110px;}<br />#p17:checked ~ .flow li.c11 {left:0px; top:220px;}<br />#p17:checked ~ .flow li.c12 {left:165px; top:220px;}<br />#p17:checked ~ .flow li.c13 {left:0px; top:330px;}<br />#p17:checked ~ .flow li.c14 {left:165px; top:330px;}<br />#p17:checked ~ .flow li.c15 {left:0px; top:440px;}<br />#p17:checked ~ .flow li.c16 {left:165px; top:440px;}<br />#p17:checked ~ .flow li.c17 {left:330px; top:220px; width:480px; height:320px; z-index:-1;}<br /> http://www.999jiujiu.com/
