/* share */

#ex2{
float:right;
margin:0;
}
.sharrre .box{
background:#ede3d3;
height:30px;
display:inline-block;
position:relative;
padding:0 10px 0 0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
font-size:12px;
float:right;
clear:both;
overflow:hidden;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
transition:all 0.3s linear;
}
.sharrre .left{
line-height:22px;
display:block;
white-space:nowrap;
color:#ffffff;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
transition:all 0.2s linear;
}
.sharrre .middle{
position:absolute;
height:30px;
top:0px;
right:0;
width:0px;
padding:0 10px 0 0;
background:#ede3d3;
color:#fff;
white-space:nowrap;
text-align:right;
overflow:hidden;
-webkit-transition:width 0.3s linear;
-moz-transition:width 0.3s linear;
-o-transition:width 0.3s linear;
transition:width 0.3s linear;
}
.sharrre .middle a{
text-decoration:none;
color:#fff;
font-weight:bold;
padding:0 0 0 4px;
text-align:center;
float:right;
line-height:30px;
}
.sharrre .right{
display:none;
position:absolute;
right:10px;
top:0px;
height:100%;
width:45px;
text-align:center;
line-height:22px;
color:#4b5d61;
}
.sharrre .box:hover{
padding-right:150px;
}
.sharrre .middle a:hover{
text-decoration:none;
}
.sharrre .box:hover .middle{
width:140px;
}
.footer_share{
background-color:#ede3d3;
font-family:'OpenSansRegular', Verdana, Geneva, sans-serif;
	font-size: .7em;
	color: #6b6e6b;
	text-transform:uppercase;
	float:right;
	width:50px;
	text-align:center;
}

@media (max-width: 480px) {
.footer_share{
background-color:#ede3d3;
font-family:'OpenSansRegular', Verdana, Geneva, sans-serif;
	font-size: .7em;
	color: #6b6e6b;
	text-transform:uppercase;
	float:none;
	display:block;
	width:50px;
	text-align:center;
	margin:0 auto;
}
}
/* end share */