/* CSS Document */


.row-content{margin:0 auto; text-align:left; clear:both;}
.showcase.cloud{ position:relative; height:420px;}
.showcase.cloud .container{ width:1200px; height:420px; overflow:hidden; position:relative;}
.showcase.cloud .slide{ position:absolute; top:0; left:0; z-index:0; width:799px; height:364px;}
.showcase.cloud .slide .content-main-visual{ width:770px; height:420px; overflow:hidden; position:relative;}
.showcase.cloud .slide .content-main-visual a{ display:none; width:770px; height:420px; 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:770px; height:420px}

.showcase.cloud .slide .content-main-feature{ height:420px; width:430px; position:absolute; top:0; left:770px; }
.showcase.cloud .slide .content-main-feature .feature{ width:430px; height:104px; text-align:center; position:relative; overflow:hidden;border-bottom: 1px solid #ccc;}
.showcase.cloud .slide .content-main-feature .feature a{ padding-top:0; display:block;  height:104px; position:relative; background-image:none; opacity:0.7; 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{ position:absolute; top:18px; left:18px; width:56px; height:57px; margin:0 auto;}
.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:22px; display:block;  height:auto; text-align:left; padding:0;font: bold 16px/2 "Microsoft YaHei";}
.showcase.cloud .slide .content-main-feature .feature a i{ position:absolute; top:75px; left:250px; display:block;  height:auto; text-align:left; padding:0;  font-size:12px;}

.showcase.cloud .slide .content-main-feature .azure{ background-color:transparent;}
.showcase.cloud .slide .content-main-feature .brick{ background-color:transparent;}
.showcase.cloud .slide .content-main-feature .gray{ background-color:transparent;}
.showcase.cloud .slide .content-main-feature .green { background-color:transparent;}
.showcase.cloud .slide .content-main-feature .dark-azure{ background-color:#fff;}
.showcase.cloud .slide .content-main-feature .dark-brick{ background-color:#fff;}
.showcase.cloud .slide .content-main-feature .dark-gray{ background-color:#fff;}
.showcase.cloud .slide .content-main-feature .dark-green{ background-color:#fff;}

.showcase.cloud .slide .content-main-feature a{ background:#fff;   color: black; }

.showcase.cloud .slide .content-main-feature .azure a:hover, .showcase.cloud .slide .content-main-feature .azure a.current,
.showcase.cloud .slide .content-main-feature .brick a:hover, .showcase.cloud .slide .content-main-feature .brick a.current,
.showcase.cloud .slide .content-main-feature .gray a:hover, .showcase.cloud .slide .content-main-feature .gray a.current,
.showcase.cloud .slide .content-main-feature .green a:hover, .showcase.cloud .slide .content-main-feature .green a.current { background:url(imgv_ico.png) no-repeat left top #007cc3; 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;}