.buttons span { cursor: pointer; }

.buttons.next { float: right; margin-top: -28px; }


.mask1 { overflow: hidden; width: 330px; position: relative; height: 200px }
#box1 { position: absolute }
#box1 span { display: block; float: left }

.mask2 { overflow: hidden; width: 585px; position: relative; height: 300px }
#box2 { position: absolute }
#box2 span { display: block; float: left }

.maskpolo { overflow: hidden; width: 305px; position: relative; height: 295px }
#box3 { position: absolute }
#box3 span { display: block; float: left }