/** Stage container **/

.wrapper {
    max-width:1184px;
    /*padding: 0 20px 40px 20px;*/
    margin: auto;
    /*background-color: red;*/
    overflow: auto;

}

.connected-carousels .stage {
    width: 568px;
    margin: 0 auto;
   height: 368px;
    position: relative;
    overflow: hidden;
    float: left;
}

.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{
    overflow: auto;
}
.connected-carousels .photo-credits a {
    color: #fff;
}

/** Navigation container **/

.navigation {
    width: 592px;
    height: 113px;
    /*margin: 20px auto;*/
    position: relative;
    right: 0;
    bottom: 0;
    /*border: 1px solid #cdcdcd;*/
    border-top: none;
    overflow: auto;
    float: left;
}

/** 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;
    margin-right: 11px;
}
.navigation li img{
    border: 1px solid #ccc;
}
/** Stage carousel specific styles **/

.connected-carousels .carousel-stage {
   
    border: 1px solid #cdcdcd;
    /*height:1200px;*/
    /*border: 10px solid #fff;*/
  /*  -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;*/
}

/** Navigation carousel specific styles **/

.connected-carousels .carousel-navigation {
    height: 113px;
    width:546px;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    margin-left: -272px;
    /*border: 10px solid #fff;*/
    /*-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;*/
  /*  -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;*/
}
.connected-carousels .title{
    width: 378px;
    font-size: 22px;
    line-height: 164px;
    text-align: center;
}
.connected-carousels .carousel-navigation li {
    cursor: pointer;
}

.connected-carousels .carousel-navigation li img {
    display: block;
    /*border: 5px solid #fff;*/
}

.connected-carousels .carousel-navigation li.active img {
    border-color: red;
}

/** Stage carousel controls **/

.connected-carousels .prev-stage,
.connected-carousels .next-stage {
    display: block;
    position: absolute;
    top: 0;
    width: 200px;
    height:366px;
    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 p,
.connected-carousels .next-stage p{
    /*display: none;*/
    position: absolute;
    top: 50%;
    width: 114px;
    height: 114px;
   margin-top: -57px;
    background: #a82525;
    color: #fff;
    text-decoration: none;
    font-size: 50px;
    line-height: 114px;
    /*text-shadow: 0 0 1px #000;*/
    font-family: "宋体";
 /*   -webkit-transform: rotateZ(90deg);
-moz-transform: rotateZ(90deg);
-o-transform: rotateZ(90deg);
-ms-transform: rotateZ(90deg);*/
transform: rotateZ(45deg);
   /* 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 p span,
.connected-carousels .next-stage p span{
    display: block;
    padding-left: 16px;
    padding-right: 26px;
    transform: rotateZ(-45deg);
}
.connected-carousels .prev-stage .ri{
    float: right;
    line-height: 50px;
    padding-top: 6px;
    
}
.connected-carousels .prev-stage p {
    left: -57px;
}

.connected-carousels .next-stage p{
    right: -57px;
}

.connected-carousels .prev-stage:hover p,
.connected-carousels .next-stage:hover p{
    display: block;
}

/** Navigation carousel controls **/

.connected-carousels .prev-navigation,
.connected-carousels .next-navigation{
    display: block;
    position: absolute;
   /* background: #84c758;*/
    font-size: 20px;
    font-family: "宋体";
    line-height: 38px;
    width: 20px;
    text-align: center;
    font-size: 36px;
    color: #666666;
  /*  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: 0px;
    top: 50%;
    margin-top: -19px;
}

.connected-carousels .next-navigation {
    right: 0px;
     top: 50%;
     margin-top: -19px;
 
}

.connected-carousels .prev-navigation.inactive,
.connected-carousels .next-navigation.inactive {
    opacity: .5;
    cursor: default;
}