#slyder_brand {position: relative;}
	#slyder_brand_left,
	#slyder_brand_right {
		background: #dfdfdf;
		width: 32px;
		height: 32px;
		position: absolute;
		top: -58px;
		z-index: 100;
		cursor: pointer;
	}
	#slyder_brand_left {right: 38px;}
	#slyder_brand_right {right: 0;}
	#slyder_brand_left::before,
	#slyder_brand_right::before {
		content: "";
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		position: absolute;
		top: 11px;
	}
	#slyder_brand_left::before {border-right: 5px solid #666668; right: 14px;}
	#slyder_brand_right::before {border-left: 5px solid #666668; left: 14px;}

	#slyder_brand_content {
		width: 200px;
		height: 430px;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
	}
		#slyder_brand .slyder_brand_item {
			width: 225px;
			height: 200px;
			position: absolute;
			top: 0;
		}
			.brand_item {
				width: 200px;
				margin: 0 25px 30px 0;
				float: left;
			}
				.brand_item a {
					background: #f6f6f6;
					display: block;
					text-align: center;
					text-decoration: none;
				}
				.brand_item a:hover {opacity: 0.8;}
					.brand_item img {
						display: block;
						width: auto;
						height: 150px;
						margin: 0 auto;
					}
					.brand_item span {
						background: #f6f6f6;
						display: block;
						height: 50px;
						font-size: 20px;
						line-height: 50px;
						color: #2867a6;
						text-transform: uppercase;
					}

@media screen and (min-width: 490px) {
	#slyder_brand_content {width: 425px;}
}

@media screen and (min-width: 715px) {
	#slyder_brand_content {width: 650px;}
}

@media screen and (min-width: 940px) {
	#slyder_brand_content {width: 875px;}
}

@media screen and (min-width: 1150px) {
	#slyder_brand_content {width: 1100px;}
}