ul.u1 {
	padding: 0; 
	margin: 0 auto; 
	list-style: none; 
	width: 616px; 
	border: 16px solid #000; 
	border-width: 16px 16px 5px 0; 
	height: 465px; 
	position: relative; 
	background: #000; 
	overflow: hidden;
	-o-border-radius: 8px;
	-icab-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	}
ul.u1 ul {
	padding: 0; 
	margin: 0; 
	list-style: none; 
	position: absolute; 
	top: 70px; 
	width: 600px; 
	height: 66px; 
	overflow: visible; 
	border: 0; 
	left: 32px; 
	z-index: 100;
	transition: 1s ease-in-out;
	-o-transition: 1s ease-in-out;
	-moz-transition: 1s ease-in-out;
	-webkit-transition: 1s ease-in-out;
	}
ul.u1 ul li { float: left; }
ul.u1 ul li a { display: block; float: left; width: 100px; height: 66px; background: #000; }
ul.u1 ul li a img { display: block; border: 0; }
ul.u1 ul li a img.small {
	opacity: 1; 
	filter: alpha(opacity=100); 
	float: right;
	transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	}
ul.u1 ul li a img.full {
	position: absolute; 
	left: 1px; 
	top: -470px; 
	opacity: 0; 
	z-index: 1; 
	filter: alpha(opacity=0);
	transition: 1s ease-in-out;
	-o-transition: 1s ease-in-out;
	-moz-transition: 1s ease-in-out;
	-webkit-transition: 1s ease-in-out;
	}
ul.u1 li.tp { position: absolute; left: -16px; top: 400px; width: 16px; height: 17px; background: orange; z-index:5; }
ul.u1 li.p1 a.a1 {
	position:absolute; 
	left: 16px; 
	top: 0; 
	display: block; 
	width: 16px; 
	height: 17px; 
	background: #000; 
	font: 12px/16px arial,sans-serif; 
	color: #fff; 
	text-decoration: none; 
	text-align: center;
	}
ul.u1 li.p2 a.a2 {
	position: absolute; 
	left: 16px; 
	top: 16px; 
	display: block; 
	width: 16px; 
	height: 17px; 
	background: #000; 
	font: 12px/16px arial,sans-serif; 
	color: #fff; 
	text-decoration: none; 
	text-align: center;
	}
ul.u1 li.p3 a.a3 {
	position: absolute; 
	left: 16px; 
	top: 32px; 
	display: block; 
	width: 16px; 
	height: 17px; 
	background: #000; 
	font: 12px/16px arial,sans-serif; 
	color: #fff; 
	text-decoration: none; 
	text-align: center;
	}
ul.u1 li.p4 a.a4 {
	position: absolute; 
	left: 16px; 
	top: 48px; 
	display: block; 
	width: 16px; 
	height: 17px; 
	background: #000; 
	font: 12px/16px arial,sans-serif; 
	color: #fff; 
	text-decoration: none; 
	text-align: center;
	}
ul.u1 li.p1 ul { top: 0; }
ul.u1 li.p1 ul li a img.full { top: -400px; }
ul.u1 li.tp:hover { border: 0; }
ul.u1 li.tp:hover a { font-weight: bold; background: #ffae31; }
ul.u1 li.tp:hover ul { top: 0; }
ul.u1 li.tp:hover ul li a img.full { top: -400px; }
ul.u1 ul li a:hover img.small { opacity: 0.4; filter: alpha(opacity=40); }
ul.u1 ul li a:hover img.full { opacity: 1; filter: alpha(opacity=100); }
ul.u1 li.title {
	position: absolute; 
	left: 17px; 
	top: 0; 
	height: 299px; 
	padding-top: 100px; 
	width: 599px; 
	z-index: 1; 
	color: #888; 
	font-size: 25px; 
	text-align: center;
	transition: 1s ease-in-out;
	-o-transition: 1s ease-in-out;
	-moz-transition: 1s ease-in-out;
	-webkit-transition: 1s ease-in-out;
	}
ul.u1 li.title span { font-size: 16px; }
ul.u1:hover li.title { opacity: 0; filter: alpha(opacity=0); }

/* for IE6 */
ul.u1 table { border-collapse: collapse; width: 0; height: 0; margin-bottom: -1px; position: absolute; }
ul.u1 li a.a1 ul { top: 0; }
ul.u1 li a.a2 ul { top: 53px; }
ul.u1 li a.a3 ul { top: 37px; }
ul.u1 li a.a4 ul { top: 23px; }
ul.u1 li.tp a:hover { border: 0; }
ul.u1 li.tp a:hover { font-weight: bold; background: #ffae31; }
ul.u1 li a.a1:hover ul { top: 0; }
ul.u1 li a.a2:hover ul { top: -16px; }
ul.u1 li a.a3:hover ul { top: -32px; }
ul.u1 li a.a4:hover ul { top: -48px; }
ul.u1 li.tp a:hover ul li a img.full { top: -400px; }
* html ul.u1 li.cover { height: 401px; }
* html ul.u1 ul { left: 2px; top: 66 px; }