.horizontalaccordion>ul {
    margin: 0;
    padding: 0;
    list-style:none;
   	height: 316px; 
}

.horizontalaccordion>ul>li {
    display:block;
	overflow: hidden;
    float:left;
    margin: 0;
    padding: 0;
    list-style:none;
	width:58px;
	height: 316px;

}

.horizontalaccordion>ul>li>h3 {
    display:block;
    float:left;
    margin: 0;
    padding:19px;
    height:19px;
    width:280px;

    /* Decorative CSS */
    border-left:#f0f0f0 1px solid;
   
    text-decoration:none;
    text-transform:uppercase;
    color: #73A6B0;

    /* CSS3 Transform Rotate & Translate */
    white-space:nowrap;
    -moz-transform: rotate(90.0deg) translate(-58px,0px);  /* FF3.5+ */
    -moz-transform-origin: 0 100%;
    -o-transform: rotate(90.0deg) translate(-58px,0px);  /* Opera 10.5 */
    -o-transform-origin: 0 100%;
    -webkit-transform: rotate(90.0deg) translate(-58px,0px);  /* Saf3.1+, Chrome */
    -webkit-transform-origin: 0 100%;
    transform: rotate(90.0deg) translate(-58px,0px); 

    background:url(meiwen-tit-bg2.png) left no-repeat;

}

.horizontalaccordion>ul>li>div {
    display:none;
    float:left;
	overflow: auto;
    position:relative;
    top:-40px;
    left:58px;
    *top:0px;       /* IE7 Hack */
    *left:0px;      /* IE7 Hack */
    margin:0;
    width:350px;
    height:240px;
    padding:40px 10px 0 10px;
    color: #fff; text-align: center; font-size: 18px;
    background:#588A95; line-height: 30px;
}

.horizontalaccordion>ul>li:hover {
    overflow: hidden;
	width: 430px;
}

.horizontalaccordion:hover>ul>li:hover>div {
    display:block;
}

.horizontalaccordion:hover>ul>li:hover>h3 {
    /* Decorative CSS */
    color:#FCFBF8;
    background:url(meiwen-tit-act-bg2.png) left no-repeat;

}

.horizontalaccordion>ul>li>h3:hover {
    cursor:pointer;
}