/* list */
#bbslist{padding:0; min-height:100%;}
.toolBar{width:100%; height:73px; padding:0 80px; background:#000; position:fixed; left:0; top:0; z-index:9999;}
.toolBar .category{padding:19px 0 0; font-size:14px; font-weight:bold; float:left;}
.toolBar .category a,.toolBar .category span{margin-right:15px; color:#fff;}
.toolBar .category a img,.toolBar .category span img{margin-right:3px; vertical-align:middle;}
.toolBar .r_tool{padding:22px 0 0; float:right;}
.toolBar .r_tool .btn00{margin-right:5px; background:#444;}
.toolBar .r_tool .btn00 a{height:27px; line-height:27px;}
.toolBar .tool_search{width:416px; height:27px; display:inline-block; vertical-align:top; background:url('image/search_bg.png') no-repeat; position:relative;}
.toolBar .tool_search input[type="text"]{width:370px; height:27px; margin-left:5px; background:#3b3b3b; border:0; outline:0; color:#888;}
.toolBar .tool_search select{opacity:0; filter:alpha(opacity=0); width:0; height:0; overflow:hidden}
.toolBar .tool_search .search_btn{position:absolute; right:3px; top:0;}
.toolBar .category span.year_sort{vertical-align:middle; position:relative; cursor:pointer;}
.toolBar .category span.year_sort ul{width:71px; padding-top:10px; position:absolute; left:20px; top:16px; color:#333; display:none}
.toolBar .category span.year_sort ul li{font-size:13px;}
.toolBar .category span.year_sort ul li a{height:24px; padding:1px 0 0 7px; margin:0; display:block; color:#666; border:1px solid #ebebeb; background:#fff;}
.toolBar .category span.year_sort ul li a:hover{border:1px solid #7e7e7e; background:#7e7e7e; font-weight:bold; color:#fff;}


/* Portfolio */
/*.portpolio{width:100%; height:100%; padding-top:60px; margin:0 auto; position:relative; overflow:hidden;}*/
.portpolio{width:100%; padding:60px 0 30px; margin:0 auto; position:relative; overflow:hidden;}
.portpolio .loading{width:60px; height:60px; margin:-30px 0 0 -30px; position:fixed; left:50%; top:50%;}
.portpolio .loading img{width:60px; height:60px;}
.portpolio .tools{text-align:center;}
.portpolio .tools .inner{height:44px; padding:0 15px; display:inline-block; background:url('/layouts/default/image/sub/category_bg.png') left top no-repeat; position:relative;}
.portpolio .tools .inner:before{width:2px; height:100%; content:''; display:block; position:absolute; right:0; top:0; background:url('/layouts/default/image/sub/category_bg.png') right top no-repeat;}
.portpolio .tools a{padding:0 15px; font-size:14px; line-height:44px; font-weight:bold; display:inline-block; color:#fff;}
.grid {max-width:1716px; min-height:100% !important; padding:30px 0 0; margin:0 auto; position:relative; overflow:hidden;}
.grid:after {content: ''; display: block; clear: both;}
.grid-item {width:286px; padding:9px; opacity:0;}
.grid-item .cont{background:#fff; box-shadow:2px 3px 1px #d4d4d4; position:relative; overflow:hidden;}
.grid-item .cont .photo{text-align:center;}
.grid-item .cont .photo img{max-width:100%;}
.grid-item .cont .info{
	width:100%; padding:8px 18px; background:url('image/dim03.png') repeat; font-size:16px; color:#fff; position:relative; text-transform:uppercase; 
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;
	position:absolute; left:0; bottom:-80px;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}


@media only screen and (max-width : 1847px){
	.grid {max-width:1430px;}
}
@media only screen and (max-width : 1561px){
	.grid {max-width:1144px;}
}
@media only screen and (max-width : 1275px){
	.grid {max-width:858px;}
}
@media only screen and (max-width : 989px){
	.grid {max-width:572px;}
}
@media only screen and (max-width : 703px){
	.grid {max-width:286px;}
}

/* view */
.viewPhotoWrap{width:1400px; padding:85px 0 0; margin:0 auto 13px; position:relative;}
.viewPhotoWrap .photo{width:100%; height:720px; margin:0 auto; position:relative;}
.viewPhotoWrap .photo .info{padding:20px 17px; font-size:16px; line-height:24px; color:#fff; position:absolute; left:0; right:0; bottom:0; background:url('image/dim02.png') repeat; z-index:2;}
.viewPhotoWrap .photo ul{}
.viewPhotoWrap .photo ul li{width:100%; height:100%; text-align:center; position:absolute; left:0; top:0; display:none; z-index:0; font-size:0;}
.viewPhotoWrap .photo ul li:before{content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}
.viewPhotoWrap .photo ul li img{max-width:100%; max-height:100%; vertical-align:middle;}
.viewPhotoWrap .photo ul li:first-child{display:block; z-index:1;}
.viewPhotoWrap .nav a{margin-top:-32px; position:absolute; top:50%;}
.viewPhotoWrap .nav a.prv{left:-60px;}
.viewPhotoWrap .nav a.next{right:-60px;}

.gallery_info_wrap{width:1400px; margin:0 auto; overflow:hidden;}
.gallery_info{width:435px; padding-top:18px; float:left; font-size:20px; line-height:22px; color:#000;}
.gallery_info strong{font-size:22px; font-weight:bold;}
.gallery_info em{font-size:12px; color:#777}

.thumbWrap{width:950px; float:right; overflow:hidden; position:relative;}
.thumbWrap .nav button{margin-top:-8px; position:absolute; top:50%;}
.thumbWrap .nav button.prv{left:0;}
.thumbWrap .nav button.next{right:0}
.thumbWrap .inner{width:898px; height:79px; margin:0 auto; position:relative; overflow:hidden; background:url('image/no_img.png') repeat-x}
.thumbWrap ul{width:1000%; margin:0 auto; overflow:hidden; position:absolute; left:0; top:0;}
.thumbWrap ul li{width:79px; height:79px; margin:0 12px 0 0; float:left; cursor:pointer; position:relative;}
.thumbWrap ul li img{width:100%; height:100%;}
.thumbWrap ul li.active:after{content:''; display:block; border:3px solid #000; position:absolute; left:0; top:0; right:0; bottom:0;}
.thumbWrap.min_list{}
.thumbWrap.min_list .nav{display:none}
.thumbWrap.min_list .inner{background:none}
.thumbWrap.min_list ul{width:auto; position:static; float:right;}
.thumbWrap.min_list ul li{margin:0 0 0 12px;}


.editContents{width:1400px; padding:50px 0; margin:0 auto;}
.editContents h3{padding:0 0 10px; font-size:22px; font-weight:bold; color:#333;}
.editContents img{}
.btnWrap{width:1000px; margin:0 auto; padding:0 0 50px; text-align:right;}

/* write */
#bbswrite{padding:30px 0;}
#bbswrite .td2 .part{margin:5px 0;}

#bbswrite .td2 input[type="text"],#bbswrite .td2 input[type="password"],#bbswrite .td2 input[type="file"]{height:25px; padding:0; border:1px solid #e2e2e2;
	box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
#bbswrite .td2 select{height:18px; padding:3px 3px 4px 0; border:1px solid #e2e2e2;
	box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}