/* works */
.works-m{padding:80px 0;position:relative;overflow: hidden;}
.works-m ul{font-size: 0;white-space: nowrap;}
.works-m .projector-pic{height: auto}
.works-m .projector-pic>ul{margin-left:auto;margin-right:auto;}
.works-m .i-list{display:inline-block;overflow: hidden;width:100%;max-width:100%;text-align: center;font-size:12px}
* + html .works-m .i-list{display:inline}
.works-m .i-itm{display:inline-block;width: 212px;height:362px;overflow:hidden;margin-left:8px;position:relative;white-space:normal;zoom:1;}
.works-m .i-itm:first-child{margin-left:0;}
.works-m .i-itm .text{display:inline-block;position: relative;height:100px;position:absolute;top:0;left:0;width:100%;background-color:#ffcda0;color:#702e0a;text-align: center;white-space: nowrap;}
.works-m .i-itm .text em,.works-m .i-itm .text i{display: inline-block;vertical-align: middle;}
.works-m .i-itm .text i{height:100%;}
.works-m .i-itm .text em{white-space: normal;font-size: 18px;font-weight: 700;font-style: normal;}
.works-m .i-itm .pic{display: inline-block;overflow: hidden;}
.works-m .i-itm .pic img{float: left;}
.works-m .i-itm-odd .pic{padding-top:100px;}
.works-m .i-itm-even .text{top:262px;}
.works-m .i-itm-even .pic{top:0;}
.works-m .i-itm:hover .text{background-color: #ee9b48;color:#ffffff;
	transition:background-color .5s;
	-moz-transition:background-color .5s;
	-webkit-transition:background-color .5s;
	-o-transition:background-color .5s;
}

/* workShow */
.workShow-m{position: relative;height: 521px;overflow: hidden;}
.workShow-text{display: none;position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;background-color: #666666;color: #ffffff;font-size: 14px}
.workShow-textin .work-short-info{width:350px;position: absolute;top:145px;left:80px}
.workShow-textin .work-short-info li{margin-bottom:5px }
.workShow-textin .work-short-info .label{font-weight: 700}
.workShow-textin .work-short-info .label-value{color:#cccccc;}
.workShow-textin .work-introduce{position:relative;margin-top:80px;margin-right:80px;margin-left:450px;}
.workShow-textin .work-introduce h1{font-size: 30px;margin-top: 0;margin-bottom:0}
.workShow-textin .work-introduce-m{position:absolute;top:60px;left:0;right:0;height:280px;overflow:auto;}
.workShow-textin .work-introduce-m p{margin-top: 0}
.workShow-fun{position: absolute;z-index:100;top:0;right:0;height:48px;line-height: 48px;color:#ffffff;font-size: 18px;white-space: nowrap;}
.workShow-fun .text{float: right;background-color: #000000;padding:0 1em;cursor: pointer;}
.workShow-fun .text .ico{display:inline-block;width:16px;height:16px;margin-left:10px;vertical-align:middle;background:url(../images/web/arrow-04.png) no-repeat 0 -16px;}
.workShow-fun .text .active{background-position:0 0;}
.workShow-fun .big-btn{float: right;width:48px;height:48px;background: url(../images/web/full-ico.png) no-repeat;cursor: pointer;}
/* 2015-03-20 */
.workShow-m .projector-pic{background-color: rgb(74,78,81);/*#284e82; background-color: #181818; */height: 100%;}
.workShow-m .projector-pic li{position: relative;overflow: hidden;height:100%;}
.workShow-m .projector-pic li a{display: block;height:100%;margin:auto;}
.workShow-m .projector-pic li img{max-width: 100%;max-height: 100%}


#main{padding-bottom: 100px;}