span.cap {
    display:none;
}
ul.slider {
    margin:0 auto;
    height:455px;
    list-style:none;
    position:relative;
    width:706px;
}
ul.slider li {
    float:left;

    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}
ul.slider li.slides {
    border:1px solid #888;
    height:333px;
    overflow:hidden;
    position:relative;
    width:494px;
    z-index:10;

    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}
ul.slider li.slides img {
    display:block;
    left:50%;
    opacity:0; 
    position:absolute;
    top:0;

    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);

    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}

ul.slider li.slides img.g2,
ul.slider li.slides img.g3,
ul.slider li.slides img.g4,
ul.slider li.slides img.g5,
ul.slider li.slides img.g6,
ul.slider li.slides img.g7,
ul.slider li.slides img.g8,
ul.slider li.slides img.g9 {
    margin-left:-253px
}
ul.slider li.lArrow,
ul.slider li.rArrow {
    background-color:#4D5EAF;
	background: -moz-linear-gradient(top,  #536DEC 0%, #2C43B6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#536DEC), color-stop(100%,#2C43B6));
background: -webkit-linear-gradient(top,  #536DEC 0%,#2C43B6 100%);
background: -o-linear-gradient(top,  #536DEC 0%,#2C43B6 100%);
background: -ms-linear-gradient(top,  #536DEC 0%,#2C43B6 100%);
background: linear-gradient(top,  #536DEC 0%,#2C43B6 100%);
    border:1px solid #888;
    height:331px;
    position:relative;
    width:48px;
    z-index:5;
}
ul.slider li.lArrow {
    border-radius:13px 0 0 13px;
    border-width:2px 0 2px 2px;
}
ul.slider li.rArrow {
    border-radius:0 13px 13px 0;
    border-width:2px 2px 2px 0;
}
ul.slider li.lArrow a,
ul.slider li.rArrow a {
    display:block;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:50px;
}
ul.slider li.lArrow:hover {
    background-color:#eee;
    left:1px;
}
ul.slider li.rArrow:hover {
    background-color:#eee;
    left:-1px;
}
ul.slider li.track {
    background-color:rgba(255,255,255,0.3);
    clear:left;
    height:25px;
    margin-left:51px;
    margin-top:-25px;
    position:relative;
    text-align:center;
    width:495px;
    z-index:20;
}
ul.slider li.track a {
    background-color:#fff;
    display:inline-block;
    height:15px;
    margin:5px;
    width:10px;

    border-radius:5px;
    -moz-box-shadow:2px 1px 1px #000000;
    -ms-box-shadow:2px 1px 1px #000000;
    -webkit-box-shadow:2px 1px 1px #000000);
    -o-box-shadow:2px 1px 1px #000000;
    box-shadow:2px 1px 1px #000000;
}
ul.slider li.track a:hover {
    background-color:red;
}
span#slide1:target ~ ul.slider li.slides .g1,
span#slide2:target ~ ul.slider li.slides .g2,
span#slide3:target ~ ul.slider li.slides .g3,
span#slide4:target ~ ul.slider li.slides .g4,
span#slide5:target ~ ul.slider li.slides .g5,
span#slide6:target ~ ul.slider li.slides .g6,
span#slide7:target ~ ul.slider li.slides .g7,
span#slide8:target ~ ul.slider li.slides .g8,
span#slide9:target ~ ul.slider li.slides .g9 {
    opacity:1;

    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
ul.slider li.slides .g1 {
    margin-left:-253px;
    opacity:1;

    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
span#slide1:target ~ ul.slider li.slides .g1,
span#slide2:target ~ ul.slider li.slides .g1,
span#slide3:target ~ ul.slider li.slides .g1,
span#slide4:target ~ ul.slider li.slides .g1,
span#slide5:target ~ ul.slider li.slides .g1,
span#slide5:target ~ ul.slider li.slides .g1,
span#slide6:target ~ ul.slider li.slides .g1,
span#slide7:target ~ ul.slider li.slides .g1,
span#slide8:target ~ ul.slider li.slides .g1,
span#slide9:target ~ ul.slider li.slides .g1{
    opacity:0;

    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}
span#slide1:target ~ ul.slider li.track .tr1, 
span#slide2:target ~ ul.slider li.track .tr2, 
span#slide3:target ~ ul.slider li.track .tr3, 
span#slide4:target ~ ul.slider li.track .tr4, 
span#slide5:target ~ ul.slider li.track .tr5,
span#slide6:target ~ ul.slider li.track .tr6,
span#slide7:target ~ ul.slider li.track .tr7,
span#slide8:target ~ ul.slider li.track .tr8,
span#slide9:target ~ ul.slider li.track .tr9,


span#slide1:target ~ ul.slider li.lArrow a,
span#slide1:target ~ ul.slider li.rArrow a {z-index:10}
span#slide1:target ~ ul.slider li.rArrow .a2 {z-index:100}
span#slide1:target ~ ul.slider li.lArrow .a9 {z-index:100}

span#slide2:target ~ ul.slider li.lArrow a,
span#slide2:target ~ ul.slider li.rArrow a {z-index:10}
span#slide2:target ~ ul.slider li.rArrow .a3 {z-index:100}
span#slide2:target ~ ul.slider li.lArrow .a1 {z-index:100}

span#slide3:target ~ ul.slider li.lArrow a,
span#slide3:target ~ ul.slider li.rArrow a {z-index:10}
span#slide3:target ~ ul.slider li.rArrow .a4 {z-index:100}
span#slide3:target ~ ul.slider li.lArrow .a2 {z-index:100}

span#slide4:target ~ ul.slider li.lArrow a,
span#slide4:target ~ ul.slider li.rArrow a {z-index:10}
span#slide4:target ~ ul.slider li.rArrow .a5 {z-index:100}
span#slide4:target ~ ul.slider li.lArrow .a3 {z-index:100}

span#slide5:target ~ ul.slider li.lArrow a,
span#slide5:target ~ ul.slider li.rArrow a {z-index:10}
span#slide5:target ~ ul.slider li.rArrow .a6 {z-index:100}
span#slide5:target ~ ul.slider li.lArrow .a4 {z-index:100}

span#slide6:target ~ ul.slider li.lArrow a,
span#slide6:target ~ ul.slider li.rArrow a {z-index:10}
span#slide6:target ~ ul.slider li.rArrow .a7 {z-index:100}
span#slide6:target ~ ul.slider li.lArrow .a5 {z-index:100}

span#slide7:target ~ ul.slider li.lArrow a,
span#slide7:target ~ ul.slider li.rArrow a {z-index:10}
span#slide7:target ~ ul.slider li.rArrow .a8 {z-index:100}
span#slide7:target ~ ul.slider li.lArrow .a6 {z-index:100}

span#slide8:target ~ ul.slider li.lArrow a,
span#slide8:target ~ ul.slider li.rArrow a {z-index:10}
span#slide8:target ~ ul.slider li.rArrow .a9 {z-index:100}
span#slide8:target ~ ul.slider li.lArrow .a7 {z-index:100}

span#slide9:target ~ ul.slider li.lArrow a,
span#slide9:target ~ ul.slider li.rArrow a {z-index:10}
span#slide9:target ~ ul.slider li.rArrow .a1 {z-index:100}
span#slide9:target ~ ul.slider li.lArrow .a8 {z-index:100}