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:453px;
    overflow:hidden;
    position:relative;
    width:604px;
    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%;
    width:200px;
	height:200px;
    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: margin-left:-604px;
    -ms-transition: margin-left:-604px;
    -o-transition: margin-left:-604px;
    -webkit-transition: margin-left:-604px;
    transition: margin-left:-604px;*/

    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}
ul.slider li.slides img.g1,
ul.slider li.slides img.g2,
ul.slider li.slides img.g3,
ul.slider li.slides img.g4,
ul.slider li.slides img.g5 {
    margin-left:-352px;
	margin-top:-200px;
}
ul.slider li.lArrow,
ul.slider li.rArrow {
    background-color:red;
    //height:451px;
	top:200px;
    position:relative;
    //width:48px;
	height:40px;
	width:40px;
    z-index:5;
	border-radius:50%;
}
ul.slider li.lArrow {
    //border-radius:100px 0 0 100px;
    //border-width:2px 0 2px 2px;
	left:-15px;
	
}
ul.slider li.rArrow {
    //border-radius:0 100px 100px 0;
    //border-width:2px 2px 2px 0;
	left:15px;
}
ul.slider li.lArrow a,
ul.slider li.rArrow a {
    display:block;
    //height:100%;
    //left:0;
    position:absolute;
    top:5px;
    width:50px;
	quotes: "<" ">";
	
}
ul.slider li.lArrow a:before {
	quotes: "(" ")";
	content: open-quote;
    margin-left:15px;
	font: bold 20px "Arial, sans-serif";
	color:purple;
}
ul.slider li.rArrow a:after {
	quotes: "(" ")";
	content: close-quote;
    margin-left:15px;
	font:bold 20px "Verdana, Arial, sans-serif";
	color:purple;
}
ul.slider li.lArrow:hover {
    background-color:blue;
    left:5px;
}
ul.slider li.rArrow:hover {
    background-color:yellow;
    left:-5px;
}
ul.slider li.track {
    background-color:rgba(255,255,255,0.3);
    clear:left;
    height:25px;
    margin-left:41px;
    margin-top:-25px;
    position:relative;
    text-align:center;
    width:604px;
    z-index:20;
}
ul.slider li.track a {
    background-color:#fff;
    display:inline-block;
    height:10px;
    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:#ffc;
}
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 {
    width:800px;
	height:800px;

   /* -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
	
	
	-moz-transition: margin-left:-604px;
    -ms-transition: margin-left:-604px;
    -o-transition: margin-left:-604px;
    -webkit-transition: margin-left:-604px;
    transition: margin-left:-604px;*/
}
ul.slider li.slides .g1/*g0*/ {
    margin-left:-302px;
    opacity:1;

    /*-moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
	-moz-transition: margin-left:-302px;
    -ms-transition: margin-left:-302px;
    -o-transition: margin-left:-302px;
    -webkit-transition: margin-left:-302px;
    transition: margin-left:-302px;*/
}
/*span#slide1:target ~ ul.slider li.slides .g0,
span#slide2:target ~ ul.slider li.slides .g0,
span#slide3:target ~ ul.slider li.slides .g0,
span#slide4:target ~ ul.slider li.slides .g0,
span#slide5:target ~ ul.slider li.slides .g0 {
    opacity:0;

    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
	-moz-transition: margin-left:-604px;
    -ms-transition: margin-left:-604px;
    -o-transition: margin-left:-604px;
    -webkit-transition: margin-left:-604px;
    transition: margin-left:-604px;
}*/
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 {
    background-color:green;
	border-radius:0px;
	box-shadow:0px 0px 10px 0px red;
}

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 .a5 {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 .a1 {z-index:100}
span#slide5:target ~ ul.slider li.lArrow .a4 {z-index:100}