.row-content{ width:933px; margin:0 auto; text-align:left; clear:both}
.showcase.cloud{ position:relative; height:497px}
.showcase.cloud .container{ width:933px; height:497px; overflow:hidden; position:relative}
.showcase.cloud .slide{ position:absolute; top:0; left:0; z-index:0; width:933px; height:497px}
.showcase.cloud .slide .content-main-visual{ width:709px; height:497px; overflow:hidden; position:relative; float:left;}
.showcase.cloud .slide .content-main-visual a{ display:none; width:709px; height:497px; overflow:hidden; position:absolute; z-index:0; top:0; left:0}
.showcase.cloud .slide .content-main-visual a.pc{ display:block}
.showcase.cloud .slide .content-main-visual a.tablet{ display:none}
.showcase.cloud .slide .content-main-visual a.smartphone{ display:none}
.showcase.cloud .slide .content-main-visual a img{ width:709px; height:497px}

.showcase.cloud .slide .content-main-feature {
  background: none repeat scroll 0 0 #d6dbe2;
  float: left;
  height: 475px;
  left: 713px;
  padding: 11px;
  position: absolute;
  top: 0;
  width: 198px;
}
.content-main-feature .cover {
  height: 425px;
  overflow: hidden;
  position:relative;
}
.content-main-feature .cover .mover {
  left: 0;
  position: absolute;
  top: 0;
}
.showcase.cloud .slide .content-main-feature .feature {
  height: 138px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 198px;
  margin-bottom:7px;
}
.showcase.cloud .slide .content-main-feature .feature a{ padding-top:0; display:block; width:180px; height:91px; position:relative; background-image:none; opacity:0.4; filter:alpha(opacity=40); color:#000}
.showcase.cloud .slide .content-main-feature .feature a:hover{ background-image:none}
.showcase.cloud .slide .content-main-feature .feature a:hover{ opacity:1; filter:alpha(opacity=100)}
.showcase.cloud .slide .content-main-feature .feature a.current{ background:none}
.showcase.cloud .slide .content-main-feature .feature a img {
  height: 138px;
  width: 198px;
}
.showcase.cloud .slide .content-main-feature .feature a img.tablet{ display:none}
.showcase.cloud .slide .content-main-feature .feature a img.mobile{ display:none}
.showcase.cloud .slide .content-main-feature .feature a span{ position:absolute; top:32px; left:92px; display:block; width:70px; height:auto; text-align:left; padding:0; color:#fff; font-size:15px}


.showcase.cloud .slide .content-main-feature .azure a:hover, .showcase.cloud .slide .content-main-feature .azure a.current{ background-color:#75c3ef; color:#fff}
.showcase.cloud .slide .content-main-feature .azure a:hover span, .showcase.cloud .slide .content-main-feature .azure a.current span{ background-color:#75c3ef; color:#fff}
.showcase.cloud .slide .content-main-feature .brick a:hover, .showcase.cloud .slide .content-main-feature .brick a.current{ background-color:#a83513; color:#fff}
.showcase.cloud .slide .content-main-feature .brick a:hover span, .showcase.cloud .slide .content-main-feature .brick a.current span{ background-color:#a83513; color:#fff}
.showcase.cloud .slide .content-main-feature .gray a:hover, .showcase.cloud .slide .content-main-feature .gray a.current{ background-color:#646464; color:#fff}
.showcase.cloud .slide .content-main-feature .gray a:hover span, .showcase.cloud .slide .content-main-feature .gray a.current span{ background-color:#646464; color:#fff}
.showcase.cloud .slide .content-main-feature .green a:hover, .showcase.cloud .slide .content-main-feature .green a.current{ background-color:#6fbb00; color:#fff}
.showcase.cloud .slide .content-main-feature .green a:hover span, .showcase.cloud .slide .content-main-feature .green a.current span{ background-color:#6fbb00; color:#fff}

.showcase.cloud .slide .content-main-feature .feature a.current{ opacity:1; filter:alpha(opacity=100)}
.showcase.cloud .slide .content-main-feature .feature a .timerline{ display:none; position:absolute; left:0; bottom:0; width:122px; height:7px}
.showcase.cloud .slide .content-main-feature .feature a.current .timerline{ display:block}