@charset "utf-8";


.tile-pre{
	display:none;
}
.workdata a{
	text-decoration:none;
	border:none;
	font-weight:bold;
	color:inherit !important;
}


.lb-quote{
	color:#fbfbfb;
	margin:50px 20px 20px 20px;
}


.lb-title a,
.lb-project a{
	text-decoration:none !important;
}
.lb-title .tile-title {
	height:auto;
}

.lb-excerpt,
.lb-desc{
	*display:none;
	display:inline-block;
	position:absolute;
	color: #fff;
	top:0px;
	left:-190px;
	width:17%;
	height:100%;
	margin-right:15%;
	text-align:left;
	*font-size: 1.4em;
	padding: 5px 20px 5px 20px;
	background:#000;
}

.workvideo{
	height:100%;
	position:relative;
	left:-10%;
	display:none;
}
.slideinfo{
display: table;
width:80%;
height:86%;
margin:20px 10% 20px 10%;
*background: #069;
}
.slidecontent{
	position:absolute;
	top:0;
display: block;
width:100%;
height:100%;
background:#0F9;
}
.workdata{
position:relative;
vertical-align:middle;
display: table-cell;
width:45%;
padding-right:10%;
text-align:left;
font-size:1.7em;
*background: #069;
}
@media all and (max-width:1280px) {
.workdata{
font-size:1.5em;
}
}
@media all and (max-width:1024px) {
.workdata{
font-size:1.2em;
}
}


.iworkin .tile-title {
	margin-top:10px;
	margin-bottom:5px;
}
.workdata .tile-title {
	height:auto;
}

.workimg {
position:absolute;
left:10%;
margin-right:-40px;
top:14%;
width:40%;
opacity:0;
transition:opacity 0.3s;
}
.workimgfull {
position:absolute;
left:0;
top:0;
width:100%;
opacity:0;
z-index:0;
transition:opacity 0.3s;
}
/* Demo Syles */
#prev2 {
	display:block;
  background:   url(../images/i_prev.png) no-repeat  98% center;
  background-position: -webkit-calc(100% - 22px) center; /* Sf 6 */
  background-position: right 22px center; /* Cr 25+, FF 13+, IE 9+, Op 10.5+ */  		 
  position: absolute;
  right: 100%;
  margin-right:-50px;
  top: 20%;
  width: 100%;
  height: 60%;
  opacity:0.4;
  transition:opacity 0.3s;
  z-index:2;
  }
  
.swiper-wrapper {
	overflow:hidden;
}

#prev2:hover {
  opacity:1;
}
#next2 {
	display:block;
  background:   url(../images/i_next.png) no-repeat 22px center;
  position: absolute;
  left: 100%;
  margin-left:-50px;
  top: 20%;
  width: 100%;
  height: 60%;
  opacity:0.4;
  transition:opacity 0.3s;
  	z-index:5;

}
#next2:hover {
  opacity:1;
}
.content-touch {
	display:none;
	*display:inline-block;
	position:absolute;
	top:12%;
	left:12%;
	width:76%;
	height:76%;
  *background:  url(../images/i_prev.png) no-repeat center center;
}

.p_video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.swiper-slide {
	position:relative;
	overflow:hidden;
	height:100%;
  }

.swiper-container {
	width:100%;
  height: 600px;
  color: #fff;
  text-align: center;
  overflow:visible;
  }
  

.swiper-container .swiper-slide .imgheight {
  height:104% !important;
	top:-2%;
	left:-2%;
    position:relative;
}


.swiper-container .swiper-slide .imgwith {
	width:104% !important;
	top:-2%;
	left:-2%;
 	vertical-align:middle; 
    position:relative;
		}

.title {
  font-size: 0.8em;
  margin-bottom: 10px;
}
#pager {
  position: absolute;
  margin:5px;
  top:10px;
  left: 19%;
  text-align: center;
  width: 62%;
  z-index:2;
}
#pager2 {
  position: absolute;
  top: 2px;
  left: 0;
  text-align: center;
  width: 100%;
  display:none;
}

.slideloco{
    display: inline-block;
	opacity:0.7;
    height: 20px;
    margin: 0px 0px 0px 0;
	transition: opacity 0.2s;
	cursor:pointer;
}
.slideloco:hover{
	opacity:1;
}

.thumbcontimg {
    width: 14px;
}
.thumbcontvideo {
    width: 36px;
}

.thumb img, .thumb span {
	opacity:0.5;
	position:relative;
	left:-6px;
}
.thumb {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;  
    display: inline-block;
	opacity:0.7;
	position:relative;
	overflow:hidden;
	*background:#fff;	
}
.thumbimg {
    width: 10px;
    height: 20px;
}
.thumbvideo{
    width: 32px;
    height: 20px;
}

.slideloco.active{
	opacity:1 ;
}
.slideloco.active .thumb{
	opacity:1 ;
}
.slideloco.active .thumb img{
	display:none;
	opacity:0 ;
}
.videoicon {
	display:block;
	position:absolute;
	margin-left:10px;
	top:2px;
	width:16px;
	height:16px;
	opacity:1 ;
}
.popupthumb {
	display:inline-block;
	display:none;
	position:absolute;
	top:100%;
	width:200px;
	margin-left:-100px;
	opacity:0;
	z-index:15;
}
.slideloco:hover >.popupthumb {
	display:inline-block;
	position:absolute;
	top:100%;
	width:300px;
	margin-left:-146px;
	opacity:1;
}
.work-footer{
	display:block;
	margin-left:2%;
	width:96%;
	*background:#C30;
	text-align:right;
	padding-top:5px;
}
.work-footer a.contact{
	display:block;
	position:absolute;
	color:#fff;
	font-weight:bold;
	font-size:1.3em;
	height:20px;
	margin-left:4%;
	padding-bottom:0px;
}
.work-footer a.contact:hover{
	color:#caf;
;
}
.work-footer img{
	display:inline-block;
	height:30px;
	margin-right:0px;
	padding-bottom:2px;
}
.tile-pre-img{
	opacity: 0 ;
	transition: opacity 0.6s ease;
}
.poptext {
	display:block;
	max-width:40%;
	background:#09C;
	position:absolute;
	bottom:50px;
	right:10px;
	opacity:0;
}

.cportrait .lb-article{
display:none;
}
.cbottom #pager {
	display:block !important;
  position: relative;
  margin:5px 5px 22px 5px;
  top:10px;
  left: 0%;
  text-align: center;
  width: 98%;
  z-index:2;
}
.cbottom .thumb {
	background:#FFF !important;
}
.cbottom .popupthumb {
	display:inline-block;
	display:none;
	position:absolute;
	top:auto !important;
	bottom:100% !important;
	width:120px !important;
	margin-left:-50px !important;
	padding-bottom:6px !important;
}
.cbig .thumbvideo {
    width: 45px;
    height: 30px;
}
.cbig .thumbimg {
    width: 20px;
    height: 30px;
}
.cbig .slideloco{
    display: inline-block;
    height: 30px !important;
}
.cbig .thumbcontimg {
    width: 26px;
}
.cbig .thumbcontvideo {
    width: 51px;
}
.cbig .videoicon {
	display:block;
	position:absolute;
	margin-left:10px;
	margin-top:-35px;
	width:30px ;
	height:30px ;
	opacity:1 ;
}
.work-footer #fbshare{
	width:35px !important;
}
@media all and (max-width:1100px) {
#pager {
*display:none;
}
.lb-article{
display:none;
}
.slidehome .workdata .featinfo{
	display:none;
}
.slidehome .workdata .iworkin{
	font-size:0.6em;
}
.slidetext .workdata .featinfo{
	display:block;
	font-size:0.75em;
}
.slidetext .workimg {
	display:none;
}
.slidetext .workimgfull {
	display:none;
	opacity:0;
}
.slidetext .workdata .tile-owner{
	display:none;
}
.slidetext .workdata .tile-title{
	display:none;
}
.slidetext .workdata .iworkin{
	display:none;
}
.slideinfo{
width:88%;
height:86%;
margin:20px 6% 20px 6%;
*background: #069;
}
.workdata{
	padding-right:0px;
*font-size:1.4em;
width:48%;
padding-right:0%;
}

}