/* 本案例代码begin */
.left_nav{  width:220px; float:left;}
.left_nav dl dt{ width:220px;  line-height:22px; background:url(../images/long.png) no-repeat 12px center #E6238F; text-align:center; color:#000; margin-bottom:4px;}
.left_nav dl dd{ width:220px; position:relative;}

.left_nav dl dd .nav_right{ width:220px; height:auto; overflow:hidden; position:absolute; left:220px; top:0px; background:#fff; display:none; color:#000; }
.left_nav dl dd .nav_right a{ width:220px;text-align:center;padding:10px 0;font-size:14px; background:#e9e8e8;  display:block; float:left;  white-space:nowrap;
 text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
 overflow: hidden;border-bottom:solid 1px #e3dfdf;}
.left_nav dl dd .nav_right a:hover{ width:220px;text-align:center;padding:10px 0; background:#3485b1;text-decoration:none; color:#FFFFFF}

.left_nav dl dd a.nav_left{width:220px;text-align:center;padding:20px 0; background:#e9e8e8; margin-bottom:10px; font-size:14px; font-weight:bold; color:#929292; display:block; border-bottom:1px solid #fff;color:#3C4347; white-space:nowrap;
 text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
 overflow: hidden;}
.left_nav dl dd a.nav_left:hover{background:#3485b1; color:#fff; text-decoration:none;}