#imagestage{
position:relative;
display:block;
width:100%;
overflow:hidden;
}
.slider_area {
position:relative;
display:block;
margin:0;
padding:0;
border-bottom:1px solid #f8f8f8;
background: #f5f5f5;
background: -moz-linear-gradient(#f7f7f7, #eee);
background: -ms-linear-gradient(#f7f7f7, #eee);
background: -o-linear-gradient(#f7f7f7, #eee);
background: -webkit-linear-gradient(#f7f7f7, #eee);
overflow:hidden;
}
.load_slider {
position:absolute;
top:50%;
left:50%;
z-index:0;
margin: -25px 0 0 -35px;
width:70px;
height:70px;
line-height:70px;
text-align:center;
font-size:50px;
color: rgba(255,255,255,0.81);
background:rgba(0,0,0,0.5);
padding:0;
display:block;
behavior: url(htc/PIE.htc);
border-radius: 70px;
-webkit-border-radius: 70px;
-moz-border-radius: 70px;
-khtml-border-radius: 70px;
border-bottom: rgba(255,255,255,0.3) 1px solid;
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.16);
font-family: Arial, Tahoma, Helvetica, sans-serif!important;
}

.firstimage {
position:absolute;
top:0;
left:0;
width:100%;
z-index:0;
overflow:hidden;
}

.firstimage img {
width: 100%; 
display: block;
height:auto;
}

#imagestage img {
width: 100%; 
display: block;
height:auto;
}

.noneimg {
position:relative;
display:block;
width:100%;
height:auto;
border-bottom:1px solid #fff;
overflow:hidden;
}

#imagestage>.csc-default{
display:block;
position:absolute;
height:100%;
width:100%;
z-index:98
}

#imagestage>.csc-default>h2{
display:none}

#imagestage .csc-textpic-imagewrap{
text-align:center;
margin:0;
padding:0;
width:100%
}

#imagestage h2{color:#fff}

#imagestage .csc-textpic-text,#stagearea .csc-textpic-text{
position:absolute;
left:62.5%;
line-height:24px;
bottom:80px;
width:400px;
display:block;
padding:10px 20px;
background-color:rgba(42, 45, 62,.80);
outline:1px solid rgba(255,255,255,.2);
color:#ddd;
font-size:16px;
z-index:50;
opacity:1
}





#imagestage .csc-textpic-text .author{
font-size:12px;
line-height:18px;
color:#fff;
text-transform:uppercase;
text-align:right;
font-weight:700;
padding-right:3px
}

#imagestage .menu{
position:absolute;
display:block;
bottom:5px;
left:0;
right:0;
text-align:center;
font-size:0;
padding:0;
z-index:98;
}

#imagestage .menu li{
position:relative;
display:inline-block;
width:11px;
height:11px;
padding:7px;
cursor:pointer;
z-index:98;
}

#imagestage .menu li a{
position:relative;
display:block;
width:9px;
height:9px;
background-color:#ddd;
border:1px solid #fff;
box-shadow:0 1px 4px rgba(0,0,0,0.08);
border-radius:10px;
opacity:.6
}

#imagestage .menu li:hover a,#imagestage .menu .active a{
opacity:1;
background-color:#fff
}

#imagestage .menu li span{
position:absolute;
display:block;
visibility:hidden;
padding:6px 10px;
background: #fff;
background: -moz-linear-gradient(#fff, #ddd);
background: -ms-linear-gradient(#fff, #ddd);
background: -o-linear-gradient(#fff, #ddd);
background: -webkit-linear-gradient(#fff, #ddd);
color: #333;
font-size:13px;
white-space:nowrap;
top:-60px;left:-10px;
box-shadow: 0px 1px 9px rgba(0,0,0,0.35);
behavior: url(htc/PIE.htc);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
opacity:0;
}

#imagestage .menu li:hover span{
visibility:visible;
opacity:1;top:-37px
}


#imagestage .menu li span:before {
  width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ddd;
content: "";
z-index: 98;
margin: 0 0 0 0;
position:absolute;
bottom:-10px;
left:12px;
}



#imagestage .countdown{
position:absolute;
display:block;
width:100%;
height:3px;
bottom:0;
left:0;
-webkit-transition:height 300ms ease;
-moz-transition:height 300ms ease;
-ms-transition:height 300ms ease;
-o-transition:height 300ms ease;
transition:height 300ms ease
}

#imagestage .countdown div{
position:relative;
display:block;
height:3px;
width:0;
background-color:#eb3f16;
-webkit-transition:height 300ms ease;
-moz-transition:height 300ms ease;
-ms-transition:height 300ms ease;
-o-transition:height 300ms ease;
transition:height 300ms ease;
z-index:98;
}

#imagestage .countdown:after{
content:"";
position:absolute;
display:block;
width:1500px;
height:auto;
margin-left:-750px;
left:50%;
top:-457px
}

#imagestage .csc-textpic-text .button,#stagearea .csc-textpic-text .button{
position:relative;
display:inline-block;
background-color:#af142d;
font-family:alternate-gothic-no-2-d,'Arial Narrow',sans-serif;
font-size:21px;
line-height:25px;
margin:7px 8px 4px -1px;
color:#fff;
padding:9px 13px 10px 12px;
text-decoration:none
}

#imagestage .csc-textpic-text .button:hover,#stagearea .csc-textpic-text .button:hover{
background-color:#A81717
}

#stagearea{
padding:0;
margin:0;
}

#stagearea .csc-textpic-text{
opacity:1;text-align:left
}

#stagearea .csc-textpic-left .csc-textpic-imagewrap{float:none}

#stagearea img{
width: 100%; 
margin:0;
padding:0;
display:block
}
#stagearea>div,#stagearea>div>div{
margin:0 auto;
padding:0;
line-height:0
}

#stagearea h2{color:#ddd}

#stage2{margin:10px auto}

#stagearea,#imagestage{overflow:hidden}

#sliderArea  {
transition: all .3s linear;
-o-transition: all .3s linear;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;}