/*畅宇驰 2017-10-7*/
.connected-carousels .stage {width:700px;position: relative; }

/*将主图和时间轴缩略图进行横排，并超出隐藏*/
.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 { display:inline-block;}

/*大图显示容器*/
.connected-carousels .carousel-stage {border:10px solid #ffffff;border-radius:3px;box-shadow: 0 0 2px #999999;}
.connected-carousels .carousel-stage ul { height:100%;background:#f1f1f1; }
.connected-carousels .carousel-stage ul li { display:inline-block;height:100%; text-align:center;}
.connected-carousels .carousel-stage ul li img{ display:block; width:680px; vertical-align:middle; }

/*底部缩略图主容器*/
.connected-carousels .navigation {width: 700px;margin:10px auto; position: relative;}

/*缩略图时间轴*/
.connected-carousels .carousel-navigation {width: 700px;height: 90px;background: #fff;border: 10px solid #fff;border-radius: 3px;box-shadow: 0 0 2px #999;}
.carousel-navigation img{width: 100px;height:70px;}
.connected-carousels .carousel-navigation li { cursor: pointer;}

/*未选中的缩略图*/
.connected-carousels .carousel-navigation li img {display: block; border: 5px solid #ffffff;}
/*选中的缩略图*/
.connected-carousels .carousel-navigation li.active img {border-color: #088de1;}

/*大图悬停 显示左右热点大区*/
.connected-carousels .prev-stage,
.connected-carousels .next-stage {display: block; position: absolute; top: 0;width: 305px; height: 100%; color: #ffffff; }
.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: 40%; width: 80px; height: 80px;text-align: center;background: #088de1;color: #ffffff;text-decoration: none;text-shadow: 0 0 1px #000;font: 124px/60px Arial, sans-serif;border-radius: 80px;box-shadow: 0 0 2px #088de1;}

/*大图悬停 左右按钮边距*/
.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;}

/*时间轴侧面两个小耳朵样式*/
.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;border-radius: 30px;box-shadow: 0 0 2px #999;}

/*【时间轴】左右两个按钮的位置*/
.connected-carousels .prev-navigation {left: -15px;top: 35px;text-indent: 6px;}
.connected-carousels .next-navigation {right: -15px;top: 35px;text-indent: 20px;}

/*【时间轴】左右到头后 按钮变灰，鼠标不在显示手指*/
.connected-carousels .prev-navigation.inactive,
.connected-carousels .next-navigation.inactive {opacity: .5;cursor: default;}