ul.accordion{width:100%; margin: 0; padding:0; overflow: hidden}
ul.accordion li.bg1{
    background-image:url(./imgs/1.jpg);
}
ul.accordion li.bg2{
    background-image:url(./imgs/3.jpg);
}
ul.accordion li.bg3{
    background-image:url(./imgs/2.jpg);
}
ul.accordion li.bg4{
    background-image:url(./imgs/5.jpg);
}
ul.accordion li.bg5{
    background-image:url(./imgs/6.jpg);
}
.accordion li{list-style: none; float:left; margin: 0; padding:0; height:300px; position:relative; border-left: 1px solid #aaa}
.accordion li .description{display: none;  background:transparent url(./imgs/bgDescription.png); position: absolute; bottom:-200px;width:100%; font-size:13px; color:#ffffff; font-family: "Arial", sans-serif}
.accordion li .description .desc-matter{padding:10px;}
.accordion li .mask{background: #000; opacity: 0.7; position:absolute; width:100%; height: 100%; z-index: 10}
.accordion li .heading{color: #FFFFFF;
font-family: "arial",sans-serif;
left: -60px;
margin-top: 70px;
position: relative;
font-weight:bold;
text-align: right;
text-transform: uppercase;
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform: rotate(-90deg);
width: 150px;
z-index: 12;}
ul.accordion a:hover{color:#fff}