.tuner {

	position: fixed;

	z-index: 1000;

	top: 212px;

	left: 0;

	margin-left: -159px;

	-o-transition: margin 0.3s;

	-ms-transition: margin 0.3s;

	-moz-transition: margin 0.3s;

	-webkit-transition: margin 0.3s;

}

.tuner i {

	position: absolute;

	top: 0;

	left: 100%;

	width: 44px;

	height: 44px;

	background: #c1c0b4;

	font-size: 22px;

	line-height: 44px;

	text-align: center;

	cursor: pointer;

}

.tuner label {

	padding-top: 4px;

	line-height: 40px;

}

.tuner .inner {

	width: 119px;

	padding: 0 20px 20px;

	background: #c1c0b4;	

}

.tuner .color-picker {

	position: relative;

	padding: 3px;

	border: 1px solid #fff;

}

.tuner .color-picker div {

	height: 25px;

}

.tuner .layouts li {

	margin-top: 10px;

	background: #000;

	padding-top: 2px;

	font-size: 12px;

	line-height: 24px;

	text-align: center;

	color: #fff;

	cursor: pointer;

}

.tuner .layouts li:first-child {

	margin-top: 0;

}

.tuner .layouts .active {

	background: #fff;

	color: #4b5251;

	cursor: default;

}

.tuner-visible {

	margin-left: 0;

}

.tuner-style {

	display: none;

}

@media screen and (max-width: 767px) { /* phone */

	.tuner {

		top: 96px;

	}

}