@charset "utf-8";
.cases-items {width:100%;position:relative;}
.cases-items  ul.list-inline {width:auto;}
.cases-items  ul.list-inline li {width:auto; height: auto ; text-align: left;float: none; text-align: left;  padding: 0 ; }
.cases-items  .profile-preview-footer ul{ width:55%; text-align:left; padding-left:10px;}
.profile-preview-footer{ width:95%;}
.cases-items ul {width:100%; margin-left:0;}
.cases-items ul:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.cases-items ul{*zoom:1;}
.cases-items ul li{float:left;text-align:center;padding: 10px 2px 10px 3px;}
.cases-items li .case-img{display:block;width:285px;height:330px; padding:5px; padding-left:0; padding-right:0;margin:0 auto 4px;background:url(img/templet_bg.png) center 0 no-repeat;position:relative;}
.cases-items li .case-img img{width:100%;height:auto;position:absolute;left:0;top:0;}
.cases-items ul li .case-name{display:inline-block;min-width:150px;height:30px;line-height:30px;background-color:#777;color:#fff;padding:0 15px;text-align:center;}
.cases-items ul li .case-name{*display:inline;}
.cases-items ul li:hover .btn-list{opacity:1;filter:alpha(opacity=100);-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);}
.cases-items ul .img-wrap{display:block;width:273px;height:330px;position:relative;overflow:hidden;border-radius: 5px;}
.cases-items ul .img-wrap .img-in{display:block;width:100%;position:relative;}
.cases-items ul .btn-link{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.cases-items ul .btn-group{display:table;vertical-align:middle;width:100%;height:100%;position:absolute;left:0;top:16px;z-index:9;}
.cases-items ul .btn-group .btn-list{display:table-cell;vertical-align:middle;opacity:0;filter:alpha(opacity=0);background-color:rgba(255,255,255,.01);-moz-transform:translateY(-25px);-webkit-transform:translateY(-25px);-ms-transform:translateY(-25px);-o-transform:translateY(-25px);transform:translateY(-25px);-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;_padding-top: 35px;}
.cases-items ul .btn-group .btn-out{display:block;position: relative;z-index: 9;}
.cases-items ul .btn-group .btn-out .dis1{ display: block;}
.cases-items ul .btn-group .btn-out .dis2{ display:none;}
.cases-items ul .btn-group .i-btn{display:inline-block!important;height:34px;line-height:34px;background-color:#00a0ea;background-color:rgba(0,160,234,.85);color:#fff;text-align:center;font-size:14px;margin-top:8px;margin-bottom:8px;padding:0 15px;min-width:75px;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.cases-items ul .btn-group .i-btn{*display:inline;}
.cases-items ul .btn-group .i-btn:hover{background-color:#0c7ad3;box-shadow:0 -3px 0 rgba(0,0,0,0.15) inset;}
.app-demo-body,.app-demo-mask{width:100%;*height:100%;position:absolute;left:0;top:0;bottom:0;z-index:100001;}
.app-demo-body{display:none;}
.app-demo-mask{background-color:#000;opacity:0.6;filter:alpha(opacity=60);}
.app-demo-wrap{width:400px;height:830px;padding:90px 20px 0;background:url(../images/iphone.png) 0 0 no-repeat;z-index:100002;position:absolute;left:50%;margin-left:-200px;top:50%;}
.app-demo-wrap iframe{background:#fff url(../images/loading.gif) center no-repeat;overflow-x: hidden;overflow-y: auto;}
.app-demo-body .ico-close{display:block;width:35px;height:35px;background:url(../images/ico-close.png) 0 0 no-repeat;position:absolute;left:50%;margin-left:200px;top:45px;z-index:100003;cursor:pointer;}
.app-demo-body .ico-close:hover{background-position:0 -35px;}
.app-demo-body .ie-alert{padding:200px 20px 0; color:#666;text-align: center;}


.case-item{width:100%;border:0;padding:10px 10px;margin:0;}
.case-item .case-img{width:40%;}
.case-item .case-img a,.case-item .case-img  img{width:100%;height:auto;}
.case-item .case-img a{box-shadow:none;}
.case-item .case-main{font-size:12px;padding-left:15px;width:60%;}
.case-item .case-intro li{width:100%;height:25px;line-height:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-left:0;}
.case-item .case-intro li:last-child{white-space:inherit;height:75px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.case-item .ico-company, .case-item .ico-link, .case-item .ico-time, .case-item .ico-email, .case-item .ico-rank{display:none;}
.case-small-imgs{display:none;}
.btn-bar .btn-blue,.btn-blue-href{height:35px;line-height:35px;}


.profile-preview{border: #fefefe 1px solid;
    box-shadow: 0 2px 10px #999, 0 0 1px #999, 0 0 1px #999;
    padding-bottom: 15px; margin-right:10px;}

@media screen and (max-width: 480px) {
.cases-items ul .btn-group .btn-out:nth-child(2){display:none;}
.cases-items ul .btn-group .btn-out .dis1{ display:none;}
.cases-items ul .btn-group .btn-out .dis2{ display:block;}
}

	.tittle_timers:before {
    left: -6px;
    border-bottom: 15px solid #1897e1;
    border-left: 6px solid rgba(255, 45, 56, 0);
}
.tittle_timers {
    position: absolute;
    top: -16px;
    left: 6%;
    display: inline-block;
    line-height: 1em;
    text-transform: uppercase;
    padding: 8px 8px;
    color: #fff;
    background: #8998af;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
	z-index:100;
}
.tittle_timers:after {
    right: -6px;
    border-bottom: 15px solid #e11822;
    border-right: 6px solid rgba(255, 45, 56, 0);
}
.tittle_timers:before,.tittle_timers:after {
    position: absolute;
    display: inline-block;
    content: '';
    top: 0;
    width: 0;
    height: 0;
}