/** Stage container **/

.connected-carousels .stage {width: 460px;position: relative;
}
.connected-carousels .photo-credits {position: absolute;right: 15px;bottom: 0;font-size: 13px;color: #fff;text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);opacity: .66;
}
.connected-carousels .photo-credits a {color: #fff;
}
/** Navigation container **/
.connected-carousels .navigation {width:100%;margin: 20px auto;position: relative;
}
/** Shared carousel styles **/
.connected-carousels .carousel {overflow: hidden;position: relative;
}
.connected-carousels .carousel ul {width: 20000em;position: relative;list-style: none;margin: 0;padding: 0;
}

.connected-carousels .carousel li {float: left;
}

/** Stage carousel specific styles **/

.connected-carousels .carousel-stage { width:100%}
.connected-carousels .carousel-stage ul li img{width: 460px; }

/** Navigation carousel specific styles **/

.connected-carousels .carousel-navigation {height: 95px;width:100%;
}

.connected-carousels .carousel-navigation li {cursor: pointer;
}

.connected-carousels .carousel-navigation li img {display: block; margin:2px;border: 5px solid #e6e6e6;
}
.connected-carousels .carousel-navigation li.active img {border-color: #fff;
}
/** Stage carousel controls **/
.connected-carousels .prev-stage,
.connected-carousels .next-stage {display: block;position: absolute;top: 0;width: 305px;height: 555px;color: #fff;
}
.connected-carousels .prev-stage {left: 0;
}
.connected-carousels .next-stage {right: 0;
}
.connected-carousels .prev-stage.inactive,
.connected-carousels .next-stage.inactive {display: none;
}
.connected-carousels .prev-stage span,
.connected-carousels .next-stage span {display: none;position: absolute;top: 38%;width: 30px;height: 30px;text-align: center;background: #4E443C;color: #fff;text-decoration: none;text-shadow: 0 0 1px #000;font: 24px/27px Arial, sans-serif;-webkit-border-radius: 30px;   -moz-border-radius: 30px;        border-radius: 30px;-webkit-box-shadow: 0 0 2px #999;   -moz-box-shadow: 0 0 2px #999;        box-shadow: 0 0 2px #999;
}
.connected-carousels .prev-stage span {left: 20px;
}
.connected-carousels .next-stage span {right: 20px;
}
.connected-carousels .prev-stage:hover span,
.connected-carousels .next-stage:hover span {display: block;
}
/** Navigation carousel controls **/
.connected-carousels .prev-navigation,
.connected-carousels .next-navigation {display: block;position: absolute;width: 30px;height: 30px;background: #4E443C;color: #fff;text-decoration: none;text-shadow: 0 0 1px #000;font: 16px/29px Arial, sans-serif;-webkit-border-radius: 30px;   -moz-border-radius: 30px;        border-radius: 30px;-webkit-box-shadow: 0 0 2px #999;   -moz-box-shadow: 0 0 2px #999;        box-shadow: 0 0 2px #999;
}
.connected-carousels .prev-navigation {left: -15px;top: 22px;text-indent: 6px;
}
.connected-carousels .next-navigation {right: -15px;top: 22px;text-indent: 20px;
}
.connected-carousels .prev-navigation.inactive,
.connected-carousels .next-navigation.inactive {opacity: .5;cursor: default;
}

@media (max-width: 1030px) {
.connected-carousels{ width:100%;}
.connected-carousels .stage{ width:100%;}

.connected-carousels .prev-stage, .connected-carousels .next-stage{ width:50%;height:4.55rem;}
}
/* 定义小于等于768px，即：0~768px范围内 */
@media (min-width: 992px)and (max-width:1024px){

	.connected-carousels .carousel-stage ul li img{ width:460px; margin:0 auto;}
}
/* 定义小于等于768px，即：0~768px范围内 */
@media (min-width: 768px)and (max-width:992px){

	.connected-carousels .carousel-stage ul li img{ width:88%; margin:0 auto;}
}


/* 定义小于等于768px，即：0~768px范围内 */
@media (max-width:767px){
	.connected-carousels .carousel-stage ul li img{ width:79%; margin:0 auto;}
}
/* 定义小于等于768px，即：0~768px范围内 */
@media (max-width:567px){
	.connected-carousels .carousel-stage ul li img{ width:58%; margin:0 auto; }
}
/* 定义小于等于768px，即：0~768px范围内 */
@media (max-width:420px){
	.connected-carousels .carousel-stage ul li img{ width:44%; margin:0 auto;}
}
/* 定义小于等于768px，即：0~768px范围内 */
@media (max-width:375px){
	.connected-carousels .carousel-stage ul li img{ width:40%; margin:0 auto;}
}