.playbox img {border:1px solid #000; margin:3px;}

.lightbox {width:100%; height:100%; display:none; position:fixed; left:0; top:0; z-index:1000; padding:30px 0 0 0; font-family:arial, sans-serif;}
.lightbox .light {width:100%; height:100%; position:fixed; z-index:-1; top:0; left:0; background:#000; opacity:0.6; filter: alpha(opacity=60);
 text-align:center;}
/* this is for IE6 . If you want to have the lightbox scroll with the page in ALL browsers then remove the * html */
* html .lightbox {position:absolute;}
* html .lightbox .light {position:absolute; height:5000px;}

.lightbox .box {width:600px;height:402px;background:#fff; border-width:10px;margin:0 auto; padding:10px 10px 20px 10px; position:relative; overflow:hidden;
-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-icab-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.lightbox .box img {display:block; margin:0 auto; position:relative;}
.lightbox .box p {width:600px; padding:20px; margin:0; color:#fff; text-align:left; font-size:12px;}
.lightbox .functions {position:absolute; bottom:-10px; left:0; height:50px; width:610px; background:#fff; text-align:center;}
.lightbox .box a {color:#000; font-weight:bold; font-size:25px; text-decoration:none; text-align:center; font-family:"times new roman", serif; padding:0 20px;}
.lightbox .box a.closebox:hover {color:#f00;}
.lightbox .previous:hover,
.lightbox .next:hover {color:#080;}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity:0;
	}
	100% { 
		opacity:100;
	}
}

#p002:target {display:block;}
#p003:target {display:block;}
#p004:target {display:block;}
#p005:target {display:block;}
#p006:target {display:block;}
#p007:target {display:block;}
#p008:target {display:block;}
#p009:target {display:block;}

#p002:target .box img,
#p003:target .box img,
#p004:target .box img,
#p005:target .box img,
#p006:target .box img, 
#p007:target .box img, 
#p008:target .box img, 
#p009:target .box img  { {
	-webkit-animation-name: fadeIn; 
	-webkit-animation-duration: 1.5s; 
}