.viv_homeslider { position: relative; overflow: hidden; box-sizing: content-box;}
.viv_homeslider .inner { position: relative;  max-width: 1170px; margin: 0px auto;}
.viv_homeslider .inner article { position: absolute; top: 0; display: none; width: 100%;}
.viv_homeslider .inner article.current { position: relative; display: block;}
.viv_homeslider .inner article .img { display: block; width: 64%;}
.viv_homeslider .inner article .img img { display: block; width: 100%; height: auto;}
.viv_homeslider .inner article .side { position: absolute; right: 0; top: 0; display: block; width: 36%; height: 100%; background: #ccc; background-position: right bottom; background-size: cover;}
.viv_homeslider .inner article .side .content {  padding: 10%;}
.viv_homeslider .inner article .side .content .arrows { margin: 20px 0 0 0;}
.viv_homeslider .inner article .side .content .arrows span { display: inline-block; width: 34px; height: 34px; line-height: 34px; text-align: center; background: #333; color: #fff; cursor: pointer;}
.viv_homeslider .inner article .side .content .arrows span:before { content: '<';}
.viv_homeslider .inner article .side .content .arrows span + span:before { content: '>';}
.viv_homeslider .inner article .prev, .viv_homeslider .inner article .next { position: absolute; right: 100%; top: 0; display: block; height: 100%; width: auto; cursor: pointer; opacity: .2;}
.viv_homeslider .inner article .next { right: auto; left: 100%;}

.viv_homeslider .inner article .pr{height:40px;margin-right:-42px !important;margin-top: 260px;width: 40px;z-index: 100;display:none;background:rgba(0, 0, 0, 0) url("left-bf.png") no-repeat scroll 0 center;}
.viv_homeslider .inner article .pr:hover{background:rgba(0, 0, 0, 0) url("left-icon.png") no-repeat scroll 0 center;}
.viv_homeslider .inner article:hover .pr{display:block;}

.viv_homeslider .inner article .nx{height: 40px;margin-left:-42px !important;margin-top: 260px;width: 40px;z-index: 100;background:rgba(0, 0, 0, 0) url("right-bf.png") no-repeat scroll 0 center;display:none;}
.viv_homeslider .inner article .nx:hover{background:rgba(0, 0, 0, 0) url("right-icon.png") no-repeat scroll 0 center;display:none;}
.viv_homeslider .inner article:hover .nx{display:block;}

@media screen and (max-width: 767px)
{
	.viv_homeslider .inner article .pr{margin-top: 210px;}
	.viv_homeslider .inner article .nx{margin-top: 210px;}
	.viv_homeslider .inner article .img { width: auto;}
	.viv_homeslider .inner article .side { position: static; width: auto;}
	.viv_homeslider .inner article .side .content {  padding: 5%}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.viv_homeslider .inner article .pr{margin-top: 167px;}
	.viv_homeslider .inner article .nx{margin-top: 167px;}
}

@media screen and (min-width: 800px) and (max-width: 980px) {
	.viv_homeslider .inner article .pr{margin-top: 200px;}
	.viv_homeslider .inner article .nx{margin-top: 200px;}
}
@media screen and (min-width: 980px) and (max-width: 1280px) {
	.viv_homeslider .inner article .pr{margin-top: 246px;}
	.viv_homeslider .inner article .nx{margin-top: 246px;}
}