/*	.slider-pics
============================== */
.slider-pics {
	text-align:left;
}
.slider-pics .outer {
	overflow:hidden;
	-webkit-transform: translateZ(0);
}
.slider-pics .outer ul {
	position:absolute;
	list-style-type:none;
	display:table;
	/* width:100%; */
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.slider-pics .outer ul.inner li {
	display:table-cell;
}
.slider-pics .outer ul.inner li,
.slider-pics .outer ul.inner li a,
.slider-pics .outer ul.inner li a img {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.slider-pics ul li a,
.slider-pics ul li a span,
.slider-pics ul li a span img {
	display:block;
}
.slider-pics .outer ul.inner li a {
	text-decoration:none;
}
.slider-pics ul li a span {
	position:relative;
}
.slider-pics ul li a span.lazy-done {
	-webkit-animation: fadeIn 500ms;
	animation: fadeIn 500ms;
}
.slider-pics .outer ul.inner li a span.thumb {
	background-position:center center;
	background-size:cover;
}

.slider-pics .outer ul.inner li span.lazy-done img {
	background-image:url(/um/img/play_yt_thumb.svg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
.slider-pics .outer ul.inner li a.yt-playing span.lazy-done img {
	border:3px solid #f00;
}

@media all and (min-width: 768px) {
.slider-pics {
	position:relative;
	padding-top:12px;
}
.slider-pics .outer {
	margin:0 40px;
	height:114px;
}
.slider-pics .outer {
	margin:0 40px;
	height:114px;
}
.slider-pics .outer.outer0313{ margin: 0 135px;
	
}
.slider-pics .outer ul.inner li:not(:last-child) {
	padding-right:12px;
}
.slider-pics ul li a span.thumb,
.slider-pics ul li a span.thumb img {
	width:202px;
}
.slider-pics ul li a span.thumb,
.slider-pics ul li a span.thumb img {
	height:114px;
}
}
@media all and (max-width: 767px) {
.slider-pics {
	padding-top:6px;
}
.slider-pics .outer {
	height:80px;
}
.slider-pics .outer ul.inner li:not(:last-child) {
	padding-right:6px;
}

.slider-pics ul li a span.thumb,
.slider-pics ul li a span.thumb img {
	width:142px;
}
.slider-pics ul li a span.thumb,
.slider-pics ul li a span.thumb img {
	height:80px;
}
}

/*	arrow
============================== */
@media all and (min-width: 768px) {
.slider-pics ul.ctrl li {
	position:absolute;
	bottom:0;
}
.slider-pics ul.ctrl li.ctrl-lef {
	left:0;
}
.slider-pics ul.ctrl li.ctrl-rig {
	right:0;
}
.slider-pics ul.ctrl li a {
	position:relative;
	width:40px;
	height:114px;
	overflow:hidden;
}
.slider-pics ul.ctrl li a span {
	display: inline-block;
	color: #333;
	width: 32px;
	height: 32px;
	border: 3px solid #333;
	border-left: 0;
	border-bottom: 0;
	/**/
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	/**/
	position: absolute;
	top: 50%;
	left: 50%;
}
.slider-pics ul.ctrl li a.hidebtn {
	opacity:0.25;
	cursor:default;
}
.slider-pics ul.ctrl li.ctrl-lef a span {
	transform: translate(-25%, -50%) rotate(-135deg);
}
.slider-pics ul.ctrl li.ctrl-rig a span {
	transform: translate(-75%, -50%) rotate(45deg);
}
.slider-pics ul.ctrl li.ctrl-lef a:not(.hidebtn):hover {
}
.slider-pics ul.ctrl li.ctrl-rig a:not(.hidebtn):hover {
}
}
@media all and (max-width: 767px) {
.slider-pics ul.ctrl {
	display:none;
}
}