#dock-container{
  margin-top: 33px;
  width: 100%;
  text-align: center;
}

	#dock {
		position: relative;
		display: inline-block;
		-webkit-perspective: 400;
		-moz-perspective: 400;
	}


	#dock ul {
		font-size: 14px;
		padding: 0 30px;
		margin: 0;
	}


	#dock li {
		list-style-type: none;
		display: inline-block;
		position: relative;
	}
	#dock li span {
		display: none;
		position: absolute;
		bottom: 140px;
		left: 0;
		width: 100%;
		background-color: rgba(0,0,0,.75);
		padding: 4px 0;
		border-radius: 12px; /* webkit nightly */
		-webkit-border-radius: 12px; /* for safari */
		-moz-border-radius: 12px;
	}
	#dock li:hover span {
		display: block;
	}
	#dock li img {
	    cursor: pointer;
		width: 80px;
		margin-bottom: 10px;
		-webkit-transition: all 0.3s;
		-webkit-transform-origin: 50% 100%;
		-moz-transition: all 0.4s;
		-moz-transform-origin: 50% 100%;
		-o-transition: all 0.3s;
		-o-transform-origin: 50% 100%;
        transition: all 0.3s;
	}
	#dock li:hover img {
		-webkit-transform: scale(1.6);
		-moz-transform: scale(1.6);
		-o-transform: scale(1.6);
        -ms-transform: scale(1.6);
		margin: 0 2em 10px;
	}

	/* one element after and element before (with JS)*/
	#dock li:hover + li img,
	#dock li.prev img {
		-webkit-transform: scale(1.4);
		-moz-transform: scale(1.4);
		-o-transform: scale(1.4);
		margin: 0 1.4em 10px;
	}


#dock-container2{
  margin-top: 33px;
  width: 100%;
  text-align: center;
}

	#dock2 {
		position: relative;
		display: inline-block;
		-webkit-perspective: 400;
		-moz-perspective: 400;
	}


	#dock2 ul {
		font-size: 14px;
		padding: 0 30px;
		margin: 0;
	}


	#dock2 li {
		list-style-type: none;
		display: inline-block;
		position: relative;
	}
	#dock2 li span {
		display: none;
		position: absolute;
		bottom: 140px;
		left: 0;
		width: 100%;
		background-color: rgba(0,0,0,.75);
		padding: 4px 0;
		border-radius: 12px; /* webkit nightly */
		-webkit-border-radius: 12px; /* for safari */
		-moz-border-radius: 12px;
	}
	#dock2 li:hover span {
		display: block;
	}
	#dock2 li img {
	    cursor: pointer;
		width: 80px;
		margin-bottom: 10px;
		-webkit-transition: all 0.3s;
		-webkit-transform-origin: 50% 100%;
		-moz-transition: all 0.4s;
		-moz-transform-origin: 50% 100%;
		-o-transition: all 0.3s;
		-o-transform-origin: 50% 100%;
        transition: all 0.3s;
	}
	#dock2 li:hover img {
		-webkit-transform: scale(1.6);
		-moz-transform: scale(1.6);
		-o-transform: scale(1.6);
        -ms-transform: scale(1.6);
		margin: 0 2em 10px;
	}

	/* one element after and element before (with JS)*/
	#dock2 li:hover + li img,
	#dock2 li.prev img {
		-webkit-transform: scale(1.4);
		-moz-transform: scale(1.4);
		-o-transform: scale(1.4);
		margin: 0 1.4em 10px;
	}