
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }
#cboxWrapper { max-width: none; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; }
#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }
.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }
.cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; }
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }


#cboxOverlay { background: #000; opacity: 0.9; filter: alpha(opacity = 90); }
#colorbox { outline: 0; }
#cboxContent { overflow: visible; padding-left: 80px; padding-right: 80px; }
.cboxIframe { background: #fff; }
#cboxError { padding: 50px; border: 1px solid #ccc; }
#cboxLoadedContent { background: #fff }
#cboxLoadingGraphic { background: url(images/loading.gif) no-repeat center center; }
#cboxLoadingOverlay { background: #fff; }
#cboxTitle { position: absolute; top: -22px; left: 0; color: #000; }
#cboxCurrent { position: absolute; top: -22px; right: 205px; text-indent: -9999px; }

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; text-indent: -9999px }

#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }

#cboxPrevious, #cboxNext { width: 50px; height: 50px; position:absolute; top:50%; margin-top: -30px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 }
#cboxPrevious:hover, #cboxNext:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; }
#cboxPrevious { background: url(../images/cboxPrevious.png) 0px 0px no-repeat; background-size: 100% 100%; left: 0 }
#cboxNext { background: url(../images/cboxNext.png) 0px 0px no-repeat; background-size: 100% 100%; right: 0 }


#cboxClose { position:absolute; top:15px; right:95px; display:block; background:url(/images/del.png) no-repeat center center; background-size: 100% 100%; width:30px; height:30px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; transition: all ease-out .1s; -webkit-transition: all ease-out .1s; -moz-transition: all ease-out .1s; -o-transition: all ease-out .1s }
#cboxClose:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transform:rotate(90deg);
-ms-transform:rotate(90deg); 	/* IE 9 */
-moz-transform:rotate(90deg); 	/* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); 	/* Opera */ }

.team-popup { width: 1000px; padding: 40px }
.teampop-con { margin-left: 300px }
.teampop-img { width: 300px; margin-left: -300px }
.teampop-txtbox { height: 500px; overflow-x: hidden; overflow-y: auto }

@media ( min-width:1024px ) and ( max-width:1279px ) {
.team-popup { width: 740px }	

}

@media ( min-width:801px ) and ( max-width:1023px ) {
.team-popup { width: 540px }	

}

@media ( max-width:800px ) {	
.team-popup { width: 92%; margin-top: 20px; margin-left: 4%; margin-right: 4% }	
.teampop-con { margin-left: 0 }
.teampop-img { width: 100%; margin-left: 0 }
.teampop-img img { width: 100% }
.teampop-txtbox { height: auto; overflow-x: auto }
}
