/*整站样式*/

/* case201601 */
.case_t{text-align:center;padding-top:60px;background:url("../images/index201601/case_t_line.jpg")/*tpa=//Public/Web/images/index201601/case_t_line.jpg*/ repeat-x 0 128px;}
.case_t_title{color:#000000;font-size:20px;height:56px;line-height:56px;width:72px;text-align:center;background-color:#fff;margin:0px auto;}
.case_t_line{width:42px;height:1px;line-height:1px;background-color:#6bc1ca;margin:0px auto;}
.case_type201601{margin-top:60px;position:relative;z-index:1;}
.case_type201601 ul{width:800px;margin:0px auto;padding-bottom:20px;}
.case_type201601 li{float:left;width:104px;height:38px;line-height:38px;border:1px solid #fff;text-align:center;margin-right:20px;}
.case_type201601 li a{font-size:14px;color:#000;}
.case_type201601 li:hover{border:1px solid #2eafbb;}
.case_type201601 li:hover a{color:#2eafbb;}
.case_type201601 li.sel{border:1px solid #2eafbb;}
.case_type201601 li.sel a{color:#2eafbb;}

.case_search{width:240px;position:absolute;right:0;top:0px;z-index:1;text-align:right;}
.case_seek{border:1px solid #4bcdd9;display:inline-block;*display:inline;zoom:1;}
.case_seek input{border:0;background:none;color:#666;width:0;text-indent:10px;}
.case_seek img{padding:10px;cursor:pointer;}







.case_list_201601{width:100%;overflow:hidden;margin: 0 auto; margin-top:20px; }

.portfolio-grid{width:100%;}

.thumbnail{overflow:hidden;position:relative;display:inline-block;float:left;width:385px;margin-right:20px;margin-top:20px; }

.thumbnail a.thumbnail_a:hover{cursor:url("../images/more.cur")/*tpa=//Public/Web/images/index201601/more.cur*/,crosshair;cursor:url("../images/cases_shi.png")/*tpa=//Public/Web/images/index201601/cases_shi.png*/ 40 40, crosshair;}
.projectinfo{position:absolute;z-index:2;top:-60px;left:0;width:100%;height:100%;background:rgb(126,127,115);background:rgba(126,127,115,.4);height:0\9;}
.thumbnail .meta{width:100%;height:60px;line-height:60px;text-align:left;overflow:hidden; }
.thumbnail .meta h4{font-size:18px;padding-left:10px;font-weight:normal;width:285px; }
.thumbnail .meta h4 a{color:#000;}
.thumbnail .meta .fl {display: inline-block; float: left; padding-top: 13px;}
.thumbnail .meta .fr{display: inline-block; float: left; width:80px;text-align:right;padding-right:10px; padding-top: 23px;}
.thumbnail .meta .fr a{display:inline-block;padding:0px 2px;padding-right:12px;width:20px;height:60px;}
.thumbnail .meta .fr .cases_a_pc{background:url(../images/cases_ico_pc_b.png) no-repeat; /*background-color: #000; background:url(../images/cases_ico_pc_b.png) no-repeat;*/}
.thumbnail .meta .fr .cases_a_phone{background:url(../images/cases_ico_phone_b.png)/*tpa=//Public/Web/images/index201601/cases_ico_phone_b.png*/ no-repeat center;}
.thumbnail:hover .meta{background-color:#6ee0ba;}
.thumbnail:hover .meta h4 a{color:#fff;}
.thumbnail:hover .meta .fr a.cases_a_pc{background:url(../images/cases_ico_pc_w.png)/*tpa=//Public/Web/images/index201601/cases_ico_pc_w.png*/ no-repeat;}
.thumbnail:hover .meta .fr a.cases_a_phone{background:url(../images/cases_ico_phone_w.png)/*tpa=//Public/Web/images/index201601/cases_ico_phone_w.png*/ no-repeat;}






/*

.case_list_201601  .box ul.items .se .videoeds {display:block; position:absolute; top:145px; margin-left: 220px; width:59px;height:59px;background:url(../Images/play.png);-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;z-index:18;}
.case_list_201601  .box ul.items .se p {display:block; margin-top: 20px; font-size: 18px; position:absolute; -webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;z-index:18;}

.case_list_201601 .videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:640px; height:360px; }
.case_list_201601 .vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }

*/





.case_list_201601 .video { margin-bottom: 150px; color: #333; }
.case_list_201601 .container { width: 100%; }
.case_list_201601 .videolist { position:relative; float:left; width:48%;   margin-top:15px;   }
.case_list_201601 .videolist .vimg { display: block; width: 100%; }
.case_list_201601 .videolist .left { float: left; }
.case_list_201601 .videolist .right { float: right; }
.case_list_201601 .videolist:hover{ cursor: pointer; }
.case_list_201601 .videoed { width:50px; height:50px; position: absolute; left:35%; top:15%; z-index:99; border-radius:100%; }
.case_list_201601 .videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:30%; margin-left:-180px;  z-index:100; width:380px; height:160px; }
.case_list_201601 .vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; z-index: 9999; }
.case_list_201601 .vcloses { display: block; position:absolute; cursor: pointer; width: 100%; height: 100%;}

.case_list_201601 .masklayer{position: fixed;display: none;width: 100%;height: 1000px;top: 0px;left: 0px;background-color: rgba(0, 0, 0, 0.8);z-index: 1000;-webkit-user-select: none;-ms-user-select: none;}



 #listabout a.mores{display:block;position:relative;margin:0 auto; margin-bottom: 20px;  width:120px;padding:5px 0px;color:#00dfb9;  background:rgba(255,255,255,0.5);  font-size:26px;text-align:center;text-decoration:none;border:1px dotted #00dfb9; border-bottom: 0px;-webkit-transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;}
 #listabout a.mores:hover{color:White;background:#2fd0b5;}