/* Ö÷Ìå²¼¾Ö */
#container {margin:0 auto; width:1220px;}

#mainContent {background:url() 0 0 repeat-y; overflow:auto;zoom:1; margin:0 5px 5px 5px;background-color: #ffffff;}
#sidebar {float:left; width:220px; background:#ffffff;position:absoulte;z-index:55556;}
#content {float:right; width:960px; padding-left:10px; background:#ffffff;}



/* Ò³¶¥ */
#top {margin:0 auto;background-color:#333333;height:112px;}


.yu_head{ background:url(logo.png) no-repeat 2px 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;text-align:center;}
.yu_login ul li a{color:#ffffff;font-weight:bold;}

/* ²Ëµ¥ */
.yu_menu{background:url(menu_bg.png) repeat-x #195fb5; line-height:41px;border-top:1px solid #ccc; margin:0px auto; clear:both;position:relative;}
.yu_menu ul{ float:left;}
.yu_menu ul li{ float:left; width:125px; text-align:center; line-height:41px; height:41px;background:url(menu_line.png) no-repeat right top; font-size:16px;}
.yu_menu ul li a{ width:125px; text-align:center; height:41px; line-height:41px; display:block;color: #ffffff;}


/* µ¼º½Ìõ */
.CommonDh {text-align:left;;height:36px;line-height:36px;font-size:12px;padding-left:6px;background:#ffffff;}

/* Ò³µ× */
#footer {margin-top:10px;color:#ffffff;clear:both; height:54px; line-height:54px;background:url(footer_bg.png) repeat-x top;padding:0 70px 0 10px;}
#footer ul{height:20px;clear:both;margin:5px 0 0 5px;}
#footer ul li{float:left;padding:5px 10px 5px 10px;list-style-type:none;}
#footer a{color:#ffffff;}


/* ËõÂÔͼƬ */
.itemBox {border:0px solid #D2D2D2;padding-bottom:10px;overflow:auto;zoom:1;}
.itemBox .bbox {float:left;border:1px solid #D2D2D2;width:200px;margin:19px;background:#000000;}
.itemBox .bbox li{float:left;width:200px;height:28px;line-height:28px;font-size:12px;background:#FFFFFF;}
.itemBox .box {height:200px;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 {border:6px solid #FFFFFF;position:static;+position:relative;top:-50%;left:-50%;_margin-top: expression(( 182 - this.height ) / 2);max-width: 180px; max-height: 182px; width: expression(this.width >200 && this.height < this.width ? 200: true); height: expression(this.height > 182 ? 182: true);}
.itemBox .box .pic:hover h1{display:block;position:absolute;}
.itemBox .box .pic h1{background:#333;color:white;display:none;font-size:16px;padding:6px 6px 6px 6px;}

/* ËõÂÔͼƬ1 */
.itemBox1 {border:0px solid #D2D2D2;padding-bottom:10px;overflow:auto; zoom:1;}
.itemBox1 .bbox1 {float:left;border:1px solid #D2D2D2;width:256px;margin:20px;}
.itemBox1 .bbox1 li{float:left;width:256px;height:26px;line-height:25px;font-size:12px;background:#FFFFFF;}
.itemBox1 .box1 {height:256px;overflow:hidden;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.itemBox1 .box1 .pic1 {position:static;+position:absolute;top:50%	}
.itemBox1 .box1 .pic1 img {position:static;+position:relative;top:-50%;left:-50%;_margin-top: expression(( 240 - this.height ) / 2);max-width: 230px; max-height: 240px; width: expression(this.width >250 && this.height < this.width ? 250: true); height: expression(this.height > 240 ? 240: true);}
.itemBox1 .box1 .pic1:hover h1{display:block;position:absolute;}
.itemBox1 .box1 .pic1 h1{background:#333;color:white;display:none;font-size:16px;padding:6px 6px 6px 6px;}

/* ËõÂÔͼƬ2 */
.itemBox2 {border:0px solid #D2D2D2;padding-bottom:6px;overflow:auto; zoom:1;}
.itemBox2 .bbox2 {float:left;border:1px solid #D2D2D2;width:66px;margin:4px;}
.itemBox2 .bbox2 li{float:left;width:66px;height:20px;line-height:20px;font-size:11px;background:#FFFFFF;}
.itemBox2 .box2 {height:60px;overflow:hidden;position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.itemBox2 .box2 .pic2 {position:static;+position:absolute;top:50%	}
.itemBox2 .box2 .pic2 img {position:static;+position:relative;top:-50%;left:-50%;_margin-top: expression(( 60 - this.height ) / 2);max-width: 70px; max-height: 60px; width: expression(this.width >70 && this.height < this.width ? 70: true); height: expression(this.height > 60 ? 60: true);}
.itemBox2 .box2 .pic2:hover h1{display:block;position:absolute;}
.itemBox2 .box2 .pic2 h1{background:#333;color:white;display:none;font-size:16px;padding:6px 6px 6px 6px;}


/*×óÓÒ·ÖÀ¸*/
#area {background:url() 0 0 repeat-y; overflow:auto;zoom:1; margin-bottom:5px;}
#leftzz {float:left; width:50%;margin:0 5px 0 0;}
#rightyy {float:right; width:48%;}