/* 主体布局 */
#container {margin:0; padding:0; width:100%;background-color: #000000;}

#mainContent {background:url() 0 0 repeat-y; overflow:auto;zoom:1; margin-bottom:5px;background-color: #555555;}
#sidebar {float:left; width:28%; background:#555555;padding:0 10px 0 10px;position:absoulte;z-index:55556;}
#content {float:right; width:66%; padding:10px; background:#000000;}



/* 页顶 */
#top {text-align:left;font-size:3em;}

.yu_head{ background:url(logo.png) no-repeat 40px center; clear:both; height:60px; padding-right:20px; padding-top:10px; position:relative;}
.yu_login{ float:right; clear:both; overflow:hidden;}
.yu_login ul li{ float:left; background:url() no-repeat right 5px; padding-left:11px; padding-right:11px; line-height:20px; font-size:12px; text-align:center;}
.yu_login ul li a{color:#ffffff;font-weight: bold;}

/* 菜单 */
.yu_menu{line-height:50px;border-top:1px solid #ccc; margin:0px auto; clear:both;position:relative;}
.yu_menu ul{width:100%;}
.yu_menu ul li{text-align:center; line-height:50px;font-size:1em;background:#ffffff;border-left:1px solid #ccc;}
.yu_menu ul li a{display:block;color: #000000;}


/* 导航条 */
.CommonDh {text-align:left;color:#999999;height:36px;line-height:36px;font-size:10px;padding-left:6px;background:#000000;}

/* 页底 */
#footer {height:60px;color:#888888;}
#footer ul{height:20px;clear:both;margin:5px 0 0 12px;}
#footer ul li{float:left;padding:5px 20px 5px 0;list-style-type:none;}
#footer a{color:#888888;}

/* 缩略图片 */
.itemBox {border:0px solid #ccc;padding-bottom:10px;overflow:auto; zoom:1;}
.itemBox .bbox {float:left;border:1px solid #555;width:43%;margin:20px;}
.itemBox .bbox li{float:left;width:100%;height:2em;background:#333333;line-height:2em;font-size:0.8em;}
.itemBox .box {height:300px;overflow:hidden;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.itemBox .box .pic {position:static;+position:absolute;top:50%	}
.itemBox .box .pic img {position:static;+position:relative;top:-50%;left:-50%;_margin-top: expression(( 300 - this.height ) / 2);max-width: 90%; max-height: 300px; width: expression(this.width >98% && this.height < this.width ? 98%: true); height: expression(this.height > 300 ? 300: true);}
.itemBox .box .pic:hover h1{display:block;position:absolute;}
.itemBox .box .pic h1{background:#333;color:white;display:none;font-size:0.8em;padding:6px 6px 6px 6px;}


/*左右分栏*/
#area {background:url() 0 0 repeat-y; overflow:auto;zoom:1; margin-bottom:5px;}
#leftzz {float:left; width:40%;margin:0 5px 0 0;}
#rightyy {float:right; width:59%;}