update 02 (b)

.update {
margin-top:50px;
margin-left:0px;
text-align:center;
text-transform:uppercase;
color:#8C8C8C;
font-size:8px;
letter-spacing:1px;
z-index:2147483607;
font-family:consolas;
width:150px;
position:fixed;
}

.l1 {
width:50px;
background:black;
margin-bottom:8px;
text-align:center;
background:{color:upd1};
color:white;
padding:1px;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease
}

.l1:hover {width:180px; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
}

.txt1 {
position:absolute;
width:100px;
padding:10px;
padding-left:5px;
left:180px;
margin-top:6px;
opacity:0;
color:black;
text-align:left;
-moz-transition:all 0.7s ease-out;
-webkit-transition:all 0.7s ease-out;
-o-transition:all 0.7s ease-out;}

.l1:hover .txt1{left:80px;opacity:1;}

.l2 {
width:50px;
background:black;
margin-bottom:8px;
text-align:center;
background:{color:upd2};
color:white;
padding:1px;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease
}

.l2:hover {width:180px; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
}

.txt2 {
position:absolute;
width:100px;
padding:10px;
padding-left:5px;
left:180px;
margin-top:6px;
opacity:0;
color:black;
text-align:left;
-moz-transition:all 0.7s ease-out;
-webkit-transition:all 0.7s ease-out;
-o-transition:all 0.7s ease-out;}

.l2:hover .txt2{left:80px;opacity:1;}


.l3 {
width:50px;
background:black;
margin-bottom:8px;
text-align:center;
background:{color:upd2};
color:white;
padding:1px;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease
}

.l3:hover {width:180px; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
}

.txt3 {
position:absolute;
width:100px;
padding:10px;
padding-left:5px;
left:180px;
margin-top:6px;
opacity:0;
color:black;
text-align:left;
-moz-transition:all 0.7s ease-out;
-webkit-transition:all 0.7s ease-out;
-o-transition:all 0.7s ease-out;}

.l3:hover .txt3{left:80px;opacity:1;}


.l4 {
width:50px;
background:black;
margin-bottom:8px;
text-align:center;
background:{color:upd4};
color:white;
padding:1px;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease
}

.l4:hover {width:180px; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
}

.txt4 {
position:absolute;
width:100px;
padding:10px;
padding-left:5px;
left:180px;
margin-top:6px;
opacity:0;
color:black;
text-align:left;
-moz-transition:all 0.7s ease-out;
-webkit-transition:all 0.7s ease-out;
-o-transition:all 0.7s ease-out;}

.l4:hover .txt4{left:80px;opacity:1;}