/* CSS Document */
@charset "utf-8";
.good_list li { margin: 10px; margin-left: 15px; box-shadow: 0 2px 10px #999, 0 0 1px #999, 0 0 1px #999;}
.cases-items {width:100%;position:relative;overflow:hidden;}
.cases-items ul {width:105%;}
.cases-items ul:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.cases-items ul{*zoom:1;}
.cases-items ul li{width:235px;height:240px;text-align:center;float:left;text-align:center; padding: 0 5px 5px 0;}
.cases-items li .case-img{display:block;width:230px;height:190px; padding:5px;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:230px;height:195px;position:relative;overflow:hidden;}
.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 .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:360px;height:630px;padding:90px 20px 0;background:url(img/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(img/loading.gif) center no-repeat;overflow-x: hidden;overflow-y: auto;}
.app-demo-body .ico-close{display:block;width:35px;height:35px;background:url(img/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;}
.good_list .mocode{ padding-top:10px;}
.good_list .mocode span { padding-left: 22px;}