html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
	font: 14px/22px helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

h1 {
	font: bold 14px/25px helvetica, sans-serif;
	padding: 20px 20px 0 20px;
}

h2 {
	font: 14px/25px helvetica, sans-serif;
	margin: 0;
}

h3 {
	font: 12px/25px helvetica, sans-serif;
	text-transform: uppercase;
	color: #808080;
	margin: 0;
}

.image-set {
	position: relative;
	border-top: 1px solid #808080;
	width: 100%;
}

.container {
	padding: 20px 20px 30px 20px;
	overflow-x: scroll;
}

.image-set h2 {
	position: absolute;
	left: 20px;
	margin-top: -25px;
}

.google, .baidu {
	padding-top: 25px;
}

.baidu {
	margin-top: 15px;
}

.hidden {
	display: none;
}

.images img {
	display: inline-block;
	height: 220px;
	width: auto;
	margin-right: 1px;
	vertical-align: top;
  opacity: 0;
  transition: opacity .3s ease-in;
}

.images {
	width: 10000px;
}