@charset "utf-8";
/* CSS Document */

.share-btn-wrp {
	list-style: none;
	display: block;
	margin: 0px;
	padding-top: 20%;
	z-index:999;
	width: 32px;
	left: 0px;
	position: fixed;
}
.share-btn-wrp .button-wrap{
	text-indent:-100000px;
	width:32px;
	height: 32px;
	cursor:pointer;
	transition: width 0.1s ease-in-out;
}
.share-btn-wrp > .ecom{
	background: url(../img/share-icons2.png) no-repeat;
	margin-bottom:50px;
	width:200px;
	height:40px;	
}
.share-btn-wrp > .ecom:hover{
	background: url(../img/share-icons3.png) no-repeat;
	width:200px;
	margin-bottom:50px;
	height:40px;		
}
.share-btn-wrp > .facebook{
	background: url(../img/share-icons.png) no-repeat -42px 0px;
}
.share-btn-wrp > .facebook:hover{
	background: url(../img/share-icons.png) no-repeat -4px -0px;
	width:38px;
}

.share-btn-wrp > .facebook2{
	background: url(../img/share-icons.png) no-repeat -42px -68px;
}
.share-btn-wrp > .facebook2:hover{
	background: url(../img/share-icons.png) no-repeat -4px -68px;
	width:38px;
}


.share-btn-wrp > .twitter{
	background: url(../img/share-icons.png) no-repeat -42px -34px;
}
.share-btn-wrp > .twitter:hover{
	background: url(../img/share-icons.png) no-repeat -4px -34px;
	width:38px;
}


.share-btn-wrp > .digg{
	background: url(../img/share-icons.png) no-repeat -42px -68px;
}
.share-btn-wrp > .digg:hover{
	background: url(../img/share-icons.png) no-repeat -4px -68px;
	width:38px;
}
.share-btn-wrp > .stumbleupon{
	background: url(../img/share-icons.png) no-repeat -42px -102px;
	display:none;
}
.share-btn-wrp > .stumbleupon:hover{
	background: url(../img/share-icons.png) no-repeat -4px -102px;
	width:38px;
}
.share-btn-wrp > .delicious{
	background: url(img/share-icons.png) no-repeat -42px -136px;
	display:none;
}
.share-btn-wrp > .delicious:hover{
	background: url(../img/share-icons.png) no-repeat -4px -136px;
	width:38px;
}


.share-btn-wrp > .gplus{
	background: url(../img/share-icons.png) no-repeat -42px -170px;
}
.share-btn-wrp > .gplus:hover{
	background: url(../img/share-icons.png) no-repeat -4px -170px;
	width:38px;
}
.share-btn-wrp > .email{
	background: url(../img/share-icons.png) no-repeat -42px -408px;
}
.share-btn-wrp > .email:hover{
	background: url(../img/share-icons.png) no-repeat -4px -408px;
	width:38px;
}

@media all and (max-width: 699px) {
	.share-btn-wrp{
		display:none;

	}
	.share-btn-wrp .button-wrap {
		display:none;
	}
	
	.share-btn-wrp > .digg{
	background: url(../img/share-icons.png) no-repeat -42px -68px;
	display:none;
}
.share-btn-wrp > .stumbleupon{
	background: url(../img/share-icons.png) no-repeat -42px -102px;
	display:none;
}
.share-btn-wrp > .delicious{
	background: url(../img/share-icons.png) no-repeat -42px -136px;
	display:none;
}
}