.row {
  margin: 0 0 30px;
  padding: 0;
}
.page { width:100%; margin:0 auto;}
/* .accordion */

.accordion {
  overflow: hidden;
  position: relative;
  height:150px;
}

.accordion:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
}

.accordion._create:after { display: none; }

.accordion__ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 9999px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}

.accordion__li {
 position:relative;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  overflow: hidden;
  box-shadow: 0 0 10px 0 #000;
  transition: all 0.3s ease-out;
}

.accordion__img {
  display: block;
  cursor: pointer;
}
.accordion_box { 
	position:absolute;
	left:0;
	top:0;
	width:80%;
	z-index:9999;
	width:450px;
	height:100%;
	padding:10px;
	box-sizing:border-box;
	display:block;
}
.accordion_box h3 { 
	font-size:22px; 
	padding-bottom:10px; 
	color:#fff; 
}
.accordion_box p { font-size:16px; font-weight:600; color:#fff; letter-spacing:-0.05em;}
.accordion_box span { 
	display:inline-block; 
	border:1px solid #999; 
	padding:5px 10px; 
	color:#fff;
	margin-top:15px; 
	background-color:rgba(0,0,0,0.4);
	color:#fff;
	position:absolute;
	right:10px;
	bottom:10px;
}
/* /.accordion */