/* CSSTidy 1.3: Fri, 14 Mar 2014 15:38:30 +0800 */
body{background:#FFF;font-family:宋体;color:#979797;margin:0;padding:0;}
#content-wrapper{max-width:1040px;clear:both;margin:0 auto;padding:0 0 42px;}
.link-zoom,li.link-zoom{width:100%;height:100%;margin-bottom:10px;background:url(../images/link-zoom.png) no-repeat center center;position:relative;z-index:100;float:left;}
#pf-content{width:100%;}
.pf-box-2col li{float:left;position:relative;width:47.9%;background:#fff;margin:0 10px 10px;padding:0;}
.pf-box-3col li{float:left;position:relative;width:280px;background:#fff;margin:0 10px 10px;padding:0;}
.pf-box-4col li{float:left;position:relative;width:22.9%;background:#fff;margin:0 10px 10px;padding:0;}
.pf-box-2col li h5,.pf-box-3col li h5{color:#fff;background-color:#484848;position:absolute;bottom:15px;z-index:100;float:left;padding:4px 10px 7px 8px;}
.pf-box-4col li h5{color:#fff;background-color:#484848;position:absolute;bottom:19px;z-index:100;float:left;padding:4px 10px 7px 8px;}
.pf-box-2col li p,.pf-box-3col li p{width:78%;color:#fff;max-height:36px \0/;font-size:11.2px;line-height:18px;background-color:#696969;position:absolute;bottom:30px;z-index:100;overflow:hidden;float:left;padding:3px 8px 5px 7px;}
.pf-box-4col li p{display:none;}
.pf-box-2col li img,.pf-box-3col li img,.pf-box-4col li img{display:block;}
#pf-filter ul{margin:0;}
#pf-filter ul li{font-size:14px;text-transform:uppercase;list-style:none;display:inline-block;margin-right:1px \0/;}
#pf-filter ul li a{color:#8a8a8a;text-decoration:none;padding:7px 11px;}
#pf-filter ul li a:hover{color:#fff;text-decoration:none;background-color:#b0b0b0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
#pf-filter ul li a:active,#pf-filter ul li a.selected{color:#fff;text-decoration:none;background-color:#00963f;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}




/* 以下是SPchain.aspx的图片展示效果  */

.grid-wrapper,#videocase,#portfolio{overflow:hidden;}
.items{width:110%;margin-bottom:-16px;margin-right:-16px;}
.items li{float:left;position:relative;background:none;width:228px;height:170px;margin:0 16px 16px 0;padding:0;}
.items li img{display:block;width:228px;height:170px;}
.items li a{color:#FFF;}
.featured a .more,.items li a .more,.item a .more{display:none;height:100%;position:absolute;text-align:center;text-decoration:none;width:100%;z-index:100;background:rgba(0,0,0,0.66) url(../images/icon-more.png) no-repeat center center;}
.featured a,.featured img,.item a,.item img{display:block;position:relative;}
.items:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.items .hidden{display:none;}
.fancybox-title h2{color:#FFF;margin-top:15px;margin-bottom:10px;}
.filter{text-align:center;}
.filter li{background:none;display:inline-block;margin:0;padding:0;}
.item-info .portfolio-meta{padding:0;}
.item-info .portfolio-meta li{background:none;margin:7px 0 0;padding:0;}
.item-info .portfolio-meta li:first-child{margin:0;}
.item-info .portfolio-meta li span{font-family:仿宋体 ;font-weight:700;text-transform:uppercase;}
.item-info .portfolio-nav{border-top:1px solid #b6b6b6;margin-top:18px;padding-top:23px;}
.item-info .portfolio-nav h6{margin-bottom:10px;text-transform:uppercase;}
.item-info .portfolio-nav a{width:29px;height:29px;display:block;}
.item-info .portfolio-nav .prev,.item-info .portfolio-nav .next,.item-info .portfolio-nav .up{background:#303030 url(style/images/portfolio-nav.png) no-repeat top left;width:29px;height:29px;float:left;margin-right:6px;}
.item-info .portfolio-nav .prev:hover{background-position:bottom left;background-color:#000;}
.item-info .portfolio-nav .next:hover{background-position:bottom right;background-color:#000;}
.item-info .portfolio-nav .up:hover{background-position:bottom center;background-color:#000;}
.zetaSlider{width:100%;}
.thumbnail-wrapper{width:980px;padding-left:20px;margin:50px auto 0;}
.thumbnail-wrapper.col2 .zetaThumbs{position:relative;padding:0 0 40px;}
.thumbnail-wrapper.col2 .zetaThumbs li{width:450px;height:auto;float:left;position:relative;margin:0 20px 30px 0;padding:0;}
.thumbnail-wrapper.col2 .zetaThumbs li img{width:450px;height:220px;}
.thumbnail-wrapper.col2 .zetaThumbs li h4{margin:20px 0 10px;}
.zetaHolder{background:#222;position:relative;height:590px;margin-bottom:30px;overflow:hidden;display:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:46px 20px 40px;}
.zetaEmpty{position:absolute;height:500px;padding:4px;}
.isDraggingTrue{cursor:url(https://mail.google.com/mail/images/2/closedhand.cur), auto;}
.isDraggingFalse{cursor:url(https://mail.google.com/mail/images/2/openhand.cur), auto;}
.zetaEmpty div:first-child{margin-left:0;}
.zetaEmpty div{height:500px;float:left;margin-right:20px;display:none;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;white-space:nowrap;position:relative;-webkit-box-shadow:0 0 4px -1px rgba(0,0,0,0.5);-moz-box-shadow:0 0 4px -1px rgba(0,0,0,0.5);box-shadow:0 0 4px -1px rgba(0,0,0,0.5);}
.zetaEmpty p{white-space:normal;}
.zetaEmpty img{height:100%;background:transparent;box-shadow:none;margin:0;padding:0;}
.zetaEmpty div span.caption{position:absolute;bottom:15px;left:15px;max-width:70%;background-color:#000;color:#FFF;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:all 200ms ease-in;-o-transition:all 200ms ease-in;-moz-transition:all 200ms ease-in;padding:5px 10px;}
.zetaEmpty div span p{word-wrap:break-word;padding:0;}
.zetaEmpty div:hover span{opacity:.7;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}
.zetaEmpty div span a{display:block;}
.zetaWarning{background:rgba(0,0,0,0.5);border-radius:3px;color:#FFF;width:200px;height:100px;position:absolute;text-align:center;left:50%;margin-left:-110px;top:190px;display:none;z-index:800;padding:10px 20px;}
.zetaWarning .navigate{margin-bottom:15px;padding-top:5px;font-family:仿宋体 ;font-weight:700;text-transform:uppercase;}
.zetaWarning .drag{background:transparent url(../images/icon-drag.png) center 5px no-repeat;width:30%;margin-right:5%;padding-top:30px;float:left;}
.zetaWarning .arrow{background:transparent url(../images/icon-arrows.png) center 9px no-repeat;width:30%;margin-right:5%;padding-top:30px;float:left;}
.zetaWarning .keys{background:transparent url(../images/icon-keyboard.png) center 0 no-repeat;width:30%;padding-top:30px;float:left;}
.zetaControls{position:absolute;top:0;left:50%;margin-left:-45px;z-index:9999;}
.zetaControls a{color:#FFF;display:block;text-indent:-9999px;background:transparent url(../images/gallery-controls.png) no-repeat left top;width:31px;height:31px;-webkit-transition:none;-o-transition:none;-moz-transition:none;float:left;background-color:#000;}
.zetaControls a.zetaBtnPrev:hover{background-position:bottom center;}
.zetaControls a.zetaBtnNext:hover{background-position:bottom right;}
.zetaControls a.zetaBtnClose:hover{background-position:bottom left;}
.zetaSlider .page-navi{margin-top:-20px;margin-bottom:20px;position:relative;z-index:1;}
.zetaSlider.zetaTop .page-navi{margin-top:-20px;margin-bottom:0;}
.zetaTop{position:relative;}
.zetaTop ul{float:left;}
.zetaTop .zetaHolder{position:absolute;width:100%;top:0;left:0;margin-bottom:0;}
.item-info .portfolio-nav .prev,.zetaControls a.zetaBtnClose{background-position:top left;}
.item-info .portfolio-nav .next,.zetaControls a.zetaBtnNext{background-position:top right;}
.item-info .portfolio-nav .up,.zetaControls a.zetaBtnPrev{background-position:top center;}