.socialblock {
	position: relative;
	display: inline-block;
}

.socialblock .sharelist {
	width:150px;
	position: absolute;
	bottom:40px;
	left:-23px;
	display: none;
	background:white;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
}

.socialblock.open .sharelist {
	display: block;
}

#content .socialblock .sharelist a {
	display: block;
	background:transparent;
	margin:0;
	color:#444;
	padding:5px 20px;
	font-size:14px!important;
}

#content .socialblock .sharelist a .icon {
	margin-right: 10px;
}

#content .socialblock .sharelist a:hover {
	background:#ECECEC;
	text-decoration: none;
}

.socialfixed {
	position: absolute;
	top:0px;
	right:0px;
	height:50px;
	z-index: 50;
}

.socialfixed .shareButton {
	width:50px;
	height:50px;
	cursor:pointer;
	color:#FFF;
	position: relative;
	z-index: 1;
	top:0;
}

.socialfixed.active .shareButton {
	/*top:-60px;*/
	color:#4C4C4C;
}

.socialfixed .shareButton:hover {
}

.socialfixed .shareButton i {
	display:inline-block;
	margin:15px;
	font-size:1.5em;
}

.socialfixed .sharelist {
	overflow: hidden;
	background-color:#A69B87;
	width:50px;
	padding-top:50px;
	position: relative;
    top: -50px;
    border-bottom:2px solid #444;
    box-shadow: 1px 2px 2px rgba(0,0,0,0.5);
}

.socialfixed .sharelist ul {
	overflow: hidden;
}

.socialfixed .sharelist ul li {
	float:left;
}

.socialfixed .sharelist ul li .sharea {
	display:block;
	width:50px;
	height:50px;
	background-position: 2px 6px;
	cursor:pointer;
	font-size:1.5em;
	line-height: 50px;
	text-align: center;
	color:white;
}

.socialfriend {
	display: none;
}


@media screen and (max-width: 980px) {

	/*.socialfixed {
		top:20px;
		right:0;
	}*/

}