@charset "utf-8";
/* 代码整理：懒人之家 */
*{ margin:0; padding:0;}
.teaser {
	width: 545px;
	height: 188px;
	overflow: hidden;
	position: relative;
	background-color: #E0E0E0
}
.teaser img {
	position: absolute;
	top: 0;
	left: 0;
}
#teaser-wrap .teaser {
	float: left;
	margin: 1em;
}
* {
	font-size: 14px;
}
.lanrenzhijia {
	position:relative;
	font-family:arial;
	overflow:hidden;
	border:1px solid #000;
	width:500px;
	height:188px;
}
.lanrenzhijia .heading, .lanrenzhijia .caption {
	position:absolute;
	background:#000;
	height:50px;
	width:500px;
	opacity:0.6;
}
.lanrenzhijia .heading {
	top:-50px;
}
.lanrenzhijia .caption {
	bottom:-50px;
	left:0px;
}
.lanrenzhijia .heading span {
	color:#26c3e5;
	top:-50px;
	font-weight:bold;
	display:block;
	padding:5px 0 0 10px;
}
.lanrenzhijia .caption span {
	color:#999;
	font-size:9px;
	display:block;
	padding:5px 10px 0 10px;
}
.menumeno {
	height: 45px;
	display: block;
}
.menumeno ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.menumeno ul li {
	/* width and height of the menumeno items */  
float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	line-height: 45px;
}
.menumeno ul li a {
	/* must be postioned relative  */ 
position: relative;
	display: block;
	width: 110px;
	height: 45px;
	font-family: Arial;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}
.menumeno ul li a span {
	/* all layers will be absolute positioned */
position: absolute;
	left: 0;
	width: 110px;
}
.menumeno ul li a span.out {
	top: 0px;
}
.menumeno ul li a span.over, .menumeno ul li a span.bg {
	/* hide */  
top: -45px;
}
#menumeno2 {
	background: #000;
}
#menumeno2 ul li a {
	color: #FFF;
}
#menumeno2 ul li a span.over {
	background: #FFF;
	color: #000;
}

