.thumbnail2 {
	position: relative;
	float: left;
	padding: 5px;
	/*z-index: 0;*/
}

.thumbnail2:hover { 
	background-color: #e9e9e2;
	/*z-index: 50;*/
	color: #335500;
	text-decoration: none;
}

.thumbnail2 span { /*CSS for enlarged image*/
	position: absolute;
	background-color: #e5e5e5;
	padding: 5px;
	/*left: -1000px;*/
	border: 1px solid #666;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail2 span img { /*CSS for enlarged image*/
	border-width: 0px;
	/*padding: 2px;*/
}

.thumbnail2:hover span { /*CSS for enlarged image on hover*/
	    visibility: visible;
    z-index: 9999999999;
    top: 0;
    left: 139px;
    height: 141px;
    width: 165px;/*position where enlarged image should offset horizontally */
}

a.thumbnail2 img { 
	text-decoration:none;
	z-index: 50; 
}

/*if same attribute for all 4 states, then declare here in
a.thumbnail2*/ 

a.thumbnail2 img:link { 
	background: transparent; 
}

a.thumbnail2 img:visited { 
	
	background : transparent; 
}

a.thumbnail2 img:hover { 
	
	background : transparent; 
}

a.thumbnail2 img:active { 

	background : transparent; 
}

.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	right: 0; /* Establecemos la barra en la izquierda */
	top: 200px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
 
	.social .ulsocial {
		list-style: none;
	}

	.social .ulsocial li {
		height: 40px;
	}
 
	.social .ulsocial li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 10px 15px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}
 
	.social .ulsocial li .icon-facebook {background:#000;} /* Establecemos los colores de cada red social, aprovechando su class */
	.social .ulsocial li .icon-twitter {background: #000;}
	.social .ulsocial li .icon-linkedin {background: #000;}
	.social .ulsocial li .icon-youtube {background: #000;}
	 
	.social .ulsocial li a:hover {
		background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}
	@media only screen and (max-width : 600px) {

		.thumbnail2:hover span {
		width: 81%;
	    left: 35px;
	    top: 125px;
		}

	}