.desc_detail{line-height: 22px;}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

.position_r{
	position: relative;
	z-index: 0;
	width: 100%;
	height: 100%;
}

.icon_grid, .icon_list{
	display: inline-block;
	width: 21px;
	height: 20px;
	background: url(../images/work/icon_gird.png) no-repeat;
}

.icon_list{
	width: 20px;
	background: url(../images/work/icon_list.png) no-repeat;
}

.icon_grid:hover, .icon_grid.active, .icon_list:hover, .icon_list.active{
	background-position: 0 -20px;
}

.w_960{
	width: 960px;
	margin: 0 auto;
	position: relative;
}

.content_work{
	padding: 0;
}

.content_work .title_work, #contact .title_work,#blog .title_work, #about .title_work{
	width: 100%;
	border-bottom: 1px solid #cbcbcb;
	position: relative;
	z-index: 0;
	font-size: 49px;
	letter-spacing: -2px;
	color: #000000;
	font-family: 'Open Sans';
	line-height: 51px;
	padding-bottom: 19px;
	padding-top: 95px;
}

.bg_shadown_title_work{
	width: 100%;
	height: 15px;
	background: url(../images/work/bg_shadown_title_work.png) top center no-repeat;
	position: absolute;
	z-index: 0;
	bottom: -16px;
	left: 0;
}

.content_work .option_select{
	width: 960px;
	margin: 20px auto 0;
	position: relative;
	z-index: 0;
}

.content_work .option_select a{
	font-size: 16px; letter-spacing: 0px;
	color: #000000;
	font-family: 'geosanslight';
}

.content_work .option_select a:hover, .content_work .option_select a.active{
	color: #00aeef;
}

.content_work .option_select .selector a{
	margin-right: 34px;
}

.content_work .option_select .icon{
	text-align: right;
}

.content_work .option_select .icon .bg_line{
	display: inline-block;
	width: 1px;
	height: 32px;
	background: url(../images/work/bg_option_select_icon.jpg) no-repeat;
	margin: 0 7px 0 6px;
	vertical-align: -4px;
}

#isotope_work, #isotope_blog{
	width: 976px;
	margin: 0 auto;
}

.content_work .item{
	display: block;
	float: left;
	margin: 8px;
}

.content_work .normal{
	width: 309px;
	height: 310px;
}

.content_work .large{
	width: 634px;
	height: 310px;
}

.content_work .small{
	width: 309px;
	height: 147px;
}

.content_work .item .list, .content_work .variable-sizes .item .grid{
	display: none;
}

.content_work .variable-sizes .item{
	width: 960px;
	height: 115px;
}

.content_work .variable-sizes .item .list{
	display: block;
}

.content_work .item .list .text{
	width: 620px;
	border-bottom: 4px solid #EEEFEF;
    height: 87px;
    padding-top: 24px;
	font-family: 'geosanslight';
}

.content_work .item .list .text .title{
	color: darkGray;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
	position: relative;
	top: -15px;
    text-transform: uppercase;
}

.content_work .item .list .text .descript{
    line-height: 35px;
    margin-top: 15px;
	color: #000;
	font-size: 24px;
	line-height: 30px;
	margin-top: 0px;
}

.content_work .item .list .text .descript:hover{
	color: #00aeef;
}

.content_work .item .grid{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 0;
}

.content_work .item .grid .bg_shadown{
	display: inline-block;
	width: 309px;
	height: 13px;
	background: url(../images/work/bg_shadown.png) no-repeat;
	position: absolute;
	z-index: 0;
	bottom: -14px;
	left: 50%;
	margin: 0 0 0 -154px;
}

.content_work .item .grid .mask, .content_work .item .grid .bg_black, .content_work .item .grid .bg_banners, #content_blog_new .item .grid .mask_descript{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	opacity: 0;
}

.content_work .item .grid .mask{
	display: block;
	text-align: center;
	font-size: 16px; letter-spacing: 0px;
	color: #999999;
	font-family: 'geosanslight';
	background: none;
	z-index:9;
}

.content_work .item .grid .mask .title_gird{
	font-size: 40px;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	margin-top: 47px;
    margin-bottom: 25px;
	line-height: 38px;
	font-family: "rockwell";
	width: 100%;
	height: 65px;
}

#blog_slide .item .grid .mask .title_gird{
	text-align: left;
}


#blog_slide .content_work .item .grid .mask .title_gird{
	height: 20px;
}

.content_work .item .grid .mask .descript{
	line-height: 26px;
	margin-top: 48px;
	padding: 0 15px;
}

.content_work .item .grid .bg_black{
	z-index: 0;
	background: #000;
}

.content_work .item .grid .bg_banners{
	width: 90px;
	height: 90px;
	background: url(../images/work/bg_banners.png) no-repeat;
	z-index: 5;
}

.content_work .item.small .grid .bg_banners{
	width: 83px;
	height: 83px;
	background: url(../images/work/bg_banners_small.png) no-repeat;
}

.content_work .item.small .grid .mask .title_gird{
	margin-top: 25px;
}

.content_work .item.small .grid .mask .descript{
	margin-top: 10px;
}

/*content-blog*/
#content_blog_new .title_work{
	padding-bottom: 19px;
    padding-top: 146px;
}

#content_blog_new .item .grid .mask{
	height: 111px;
	background: #000;
	top: auto;
	bottom: 0;
	opacity: 1;
	text-align: left;
}

#content_blog_new .item .grid .mask .title_gird{
	font-size: 16px; letter-spacing: 0px;
	padding: 0 17px;
	line-height: normal;
	margin-top: 20px;
}

#content_blog_new .item .grid .mask .descript{
	padding: 0 17px;
	font-size: 16px; letter-spacing: 0px;
	color: #ffffff;
	line-height: 21px;
	margin-top: 9px;
	position: relative;
	top: -9px;
}

#content_blog_new .item .grid .mask_descript{
	background: url(../images/blog/bg_mask_descript.png);
	opacity: 1;
	font-size: 16px; letter-spacing: 0px;
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s; 
}

#content_blog_new .item .grid .mask_descript.show{
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
}

#content_blog_new .item .grid .mask_descript .descript_main{
	padding: 25px 17px 0;
	color: #ffffff;
	line-height: 22px;
}

#content_blog_new .item .grid .mask_descript .btn_detail{
	width: 100%;
	position: absolute;
	z-index: 0;
	bottom: 15px;
	left: 0;
	text-align: center;
	color: #00aced;
	font-family: rockwell;
	font-size: 16px; letter-spacing: 0px;
}
/*End content-blog*/

.bg_project{
	width: 100%;
	color: #000000;
    font-size: 15px;
}

.bg_project.win8{
	background: url(../images/work/img_detail_project.jpg) top center no-repeat;
	height: 2195px;
}

.bg_project.bluestone{
	background: url(../images/work/Work_bluestone.jpg) top center no-repeat;
	height: 7000px;
}

#loading-project,#loading-blog{
	width: 100%;
	height: 100%;
	background: url(../images/loading.gif) #fff center center no-repeat;
	position: fixed;
	z-index: 999999;
}

.close-project{
	position: absolute;
	top: 50%;
	margin-top: -10.5px;
	left: 50%;
	margin-left: 401px;
	background: url('../images/project/close.png') center center no-repeat;
	display:block;
	width:21px;
	height:20px;
	z-index:9999;
	transition:all .5s ease;
	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: ease;
	transition-delay: initial;	
}

.close-blog{
	position: absolute;
	top: 50%;
	margin-top: -17.5px;
	left: 50%;
	margin-left: 401px;
	background: url('../images/project/close.png') center center no-repeat;
	display:block;
	width:21px;
	height:20px;
	z-index:9999;
	transition:all .5s ease;
	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: ease;
	transition-delay: initial;	
}

.close-project:hover,.close-blog:hover{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
}

.prev-project{
	position: absolute;
	top: 50%;
	margin-top: -10.5px;
	left: 50%;
	margin-left: 357px;
	background: url('../images/project/prev.png') center center no-repeat;
	display:block;
	width:14px;
	height:21px;
	z-index:9999;
}

.next-project{
	position: absolute;
	top: 50%;
	margin-top: -10.5px;
	left: 50%;
	margin-left: 451px;
	background: url('../images/project/next.png') center center no-repeat;
	display:block;
	width:14px;
	height:21px;
	z-index:9999;
}

#layer-top{
	height: 128px;
	z-index: 99999;
	background: #fff;
	margin-top: 95px;
}

#layer-wrap-top{
	position: relative;
	width: 100%;
	height: 97%;
}

#top-text{
	position: absolute;
	top: 50%;
	margin-top: -23px;
	left: 50%;
	margin-left: -480px;
	color: #000;
	font-size: 22px; letter-spacing: 0px;
}

#top-text .mt10{
	position: relative;
	top: -20px;
}

#top-text .title{
	font-size: 50px;
	letter-spacing: 0px;
	color: #00aeef;
	top: -10px;
	position: relative;
}

#popup-blog #top-text .title{
	font-size: 32px;
	color: #00aeef;
}

#layer-fake-top{
	height: 60px;
	z-index: 100;
	background: #fff;
	background: url('../images/work/sub_menu.png') no-repeat center center;
	position: fixed;
	top: -60px;
	left: 0px;
}

#layer-wrap-fake-top{
	position: relative;
	width: 100%;
	height: 100%;
	background: url('../images/project/border.png') no-repeat center bottom;
}

#top-fake-text{
	position: absolute;
	top: 35%;
	margin-top: -10.5px;
	left: 50%;
	margin-left: -472px;
}

#top-fake-text .top-title{
	float: left;
}

#top-fake-text .top-visit{
	float: left;
	margin-top: 5px;
	margin-left: 20px;
}
#layer-fake-top .prev-project{top:40%;}
#layer-fake-top .close-project{top:40%;}
#layer-fake-top .next-project{top:40%;}
.relative{
	position: relative;
}

.bg-layer{
	width: 100%;
}

.bg_project .title{
	font-size: 36px;
	letter-spacing: 0px;
	color: #00aeef;
}

.bg_project .content{
	font-size: 16px; letter-spacing: 0px;
	font-family: 'geosanslight';
	margin-top: 25px;
}