* { 
 -moz-box-sizing: border-box; 
 -webkit-box-sizing: border-box; 
 box-sizing: border-box;
}

a.block {
 display: block;
}

img {border: 0;}

#containersa {
 width: 1036px; 
 height: 300px;
 overflow: hidden;
 margin: 150px auto;
 box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
 -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
 -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
}

#containersa ul {
 width: 2000px;
 margin: 0;
 padding: 0;
}

#containersa li {
 position: relative;
 list-style: none;
 margin: 0;
 padding: 0;
 display: block;
 float: left;
 width: 129.5px;
 height: 300px;
 border-left: 1px solid #888;
 box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
 -webkit-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
 transition: all 0.5s;
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
}

.titolosa {
 position: absolute;
 left: 0; 
 top: 0;
 background: rgba(0,0,0,0.8);
 transform: translateX(-100%) rotate(-90deg); 
 transform-origin: right top;
 width: 300px;
 height: 48px;
} 

.titolosa h2 {
 width: 300px;
 height: 48px;
 margin: 0;
 padding: 10px 15px;
 font-size: 24px;
 color: #fff;
}

#containersa ul:hover li {width: 48px;}
 
#containersa ul li:hover {width: 700px;}