pre {
	width: 340px;
	margin: 0 auto;
	border: dashed 1px #aaa;
	margin-bottom: 10px;
}

header, footer {
	display: block;
	padding: .2em 0;
	background: #555;
}

footer {
	margin-top: 1.5em;
}

.content {
	max-width: 1000px;
	margin: 0 auto;
}

.spotlight-group a{
    margin:10px auto;
}


.gallery:after {
	content: '';
	display: block;
	height: 1px;
	margin: .5em 0 1.4em;
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(77,77,77,1) 50%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(77,77,77,1) 50%, rgba(0, 0, 0, 0) 100%);
}

.gallery img {
    width:100%;
}

.gallery a {
	width: 800px;
	display: inline-block;
	overflow: hidden;
}

.baguetteBoxOne {
	max-width: 1000px;
	margin: 0 auto;
}

/* Highlight.js Tomorrow Night style */
.hljs-comment {
	color: #969896
}

.hljs-tag {
	color: #f8f8f2
}

.css .hljs-class,.css .hljs-id,.css .hljs-pseudo,.hljs-attribute,.hljs-regexp,.hljs-title,.hljs-variable,.html .hljs-doctype,.ruby .hljs-constant,.xml .hljs-doctype,.xml .hljs-pi,.xml .hljs-tag .hljs-title {
	color: #c66
}

.hljs-built_in,.hljs-constant,.hljs-literal,.hljs-number,.hljs-params,.hljs-pragma,.hljs-preprocessor {
	color: #de935f
}

.css .hljs-rules .hljs-attribute,.ruby .hljs-class .hljs-title {
	color: #f0c674
}

.hljs-header,.hljs-inheritance,.hljs-string,.hljs-value,.ruby .hljs-symbol,.xml .hljs-cdata {
	color: #b5bd68
}

.css .hljs-hexcolor {
	color: #8abeb7
}

.coffeescript .hljs-title,.hljs-function,.javascript .hljs-title,.perl .hljs-sub,.python .hljs-decorator,.python .hljs-title,.ruby .hljs-function .hljs-title,.ruby .hljs-title .hljs-keyword {
	color: #81a2be
}

.hljs-keyword,.javascript .hljs-function {
	color: #b294bb
}

.hljs {
	display: block;
	overflow-x: auto;
	background: #35383C;
	color: #c5c8c6;
	padding: .8em
}

.coffeescript .javascript,.javascript .xml,.tex .hljs-formula,.xml .css,.xml .hljs-cdata,.xml .javascript,.xml .vbscript {
	opacity: .5
}
#baguetteBox-overlay {
	display: none;
	opacity: 0;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000;
	background-color: #222;
	background-color: rgba(0,0,0,.8);
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease
}

#baguetteBox-overlay.visible {
	opacity: 1
}

#baguetteBox-overlay .full-image {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center
}

#baguetteBox-overlay .full-image figure {
	display: inline;
	margin: 0;
	height: 100%
}

#baguetteBox-overlay .full-image img {
	display: inline-block;
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,.6);
	box-shadow: 0 0 8px rgba(0,0,0,.6)
}

#baguetteBox-overlay .full-image figcaption {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	line-height: 1.8;
	color: #ccc;
	background-color: #000;
	background-color: rgba(0,0,0,.6);
	font-family: sans-serif
}

#baguetteBox-overlay .full-image:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px
}

#baguetteBox-slider {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	-webkit-transition: left .4s ease,-webkit-transform .4s ease;
	transition: left .4s ease,-moz-transform .4s ease;
	transition: left .4s ease,transform .4s ease
}

#baguetteBox-slider.bounce-from-right {
	-webkit-animation: bounceFromRight .4s ease-out;
	animation: bounceFromRight .4s ease-out
}

#baguetteBox-slider.bounce-from-left {
	-webkit-animation: bounceFromLeft .4s ease-out;
	animation: bounceFromLeft .4s ease-out
}

.baguetteBox-button#next-button,.baguetteBox-button#previous-button {
	top: 50%;
	top: calc(50% - 30px);
	width: 44px;
	height: 60px
}

.baguetteBox-button {
	position: absolute;
	cursor: pointer;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	-moz-border-radius: 15%;
	border-radius: 15%;
	background-color: #323232;
	background-color: rgba(50,50,50,.5);
	color: #ddd;
	font: 1.6em sans-serif;
	-webkit-transition: background-color .4s ease;
	transition: background-color .4s ease
}

.baguetteBox-button:hover {
	background-color: rgba(50,50,50,.9)
}

.baguetteBox-button#next-button {
	right: 2%
}

.baguetteBox-button#previous-button {
	left: 2%
}

.baguetteBox-button#close-button {
	top: 20px;
	right: 2%;
	right: calc(2% + 6px);
	width: 30px;
	height: 30px
}

.baguetteBox-button svg {
	position: absolute;
	left: 0;
	top: 0
}

.spinner {
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px
}

.double-bounce1,.double-bounce2 {
	width: 100%;
	height: 100%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: bounce 2s infinite ease-in-out;
	animation: bounce 2s infinite ease-in-out
}

.double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}

@-webkit-keyframes bounceFromRight {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: -30px
	}

	100% {
		margin-left: 0
	}
}

@keyframes bounceFromRight {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: -30px
	}

	100% {
		margin-left: 0
	}
}

@-webkit-keyframes bounceFromLeft {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: 30px
	}

	100% {
		margin-left: 0
	}
}

@keyframes bounceFromLeft {
	0% {
		margin-left: 0
	}

	50% {
		margin-left: 30px
	}

	100% {
		margin-left: 0
	}
}

@-webkit-keyframes bounce {
	0%,100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes bounce {
	0%,100% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1)
	}
}


.PicCenten a{
            text-decoration:none;
}
.PicCenten a:hover{
    color: #ff2045;
    -webkit-transition:background,color 0.5s;
    transition:background,color 0.5s;
    -moz-transition:background,color 0.5s;
    -o-transition:background,color 0.5s;
}



.piclist_top{
    width:100%;
    height:142px;
    background:url(../images/style/list_tit_bg.jpg) repeat-x;
    margin:0 auto;
}

.piclist_top_warp{
    width:1200px;
    margin:0 auto;
    display:table;
}

.Ptitle{
    font-size:24px;
    font-weight:bold;
    color:#fff;
    margin:20px auto 0 auto;
}

.piclist_top_three{
    font-size:12px;
    color:#fff;
    margin-top:10px;
}

.piclist_top_three div{
    float:left;
    margin-right:20px;
}

.piclist_top_three img{
    margin-right:4px;
}

.piclist_left_top{
    margin:20px auto -20px auto;
    width:800px;
}

.piclist_left_top li{
    
}

.piclist_left_top_tit{
    font-size:14px;
    color:#333;
    margin-right:30px;
    float:left;
}

.piclist_left_top_pl div{
    float:left;
}

.piclist_left_top_pl img{
    width:15px;
    height:15px;
    margin-right:5px;
    margin-top:-3px;
    vertical-align:middle;
}

.piclist_left_top_pl{
    float:right;
    font-size:12px;
    color:#333;
}

.piclist_left_top_pl a{
    font-size:12px;
    color:#ff2045;
    margin-right:30px;
    text-decoration:none;
}

.baiduyun{
    margin:80px auto 0 auto;
    width:430px;
    height:30px;
    line-height:30px;
    background:#e8e8e8;
    font-size:12px;
    text-align:center;
    color:#333;
    margin-bottom:-30px;
    border-radius: 4px;
}

.baiduyun a{
    font-size:12px;
    text-align:center;
    color:#ff2045;
    text-decoration:none;
}

.piclist{
    width:1200px;
    margin:0 auto;
}

.piclist_left{
    width:840px;
    margin-top:30px;
    margin-bottom:30px;
    float:left;
    background:#fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
}

.piclist_box{
    max-width:800px;
    padding:0px 20px 20px 20px;
    margin:0px 0;
    text-align:center;
}

.piclist_box li{
    margin-top:20px;
}

.piclist_box img{
    width:100%;
}

.piclist_bq span{
    float:left;
    height:20px;
    padding:0 5px;
    background:#f5275f;
    line-height:20px;
    color:#fff;
    margin:5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    }

.piclist_bq{
width:100%;
margin-right:30px;margin:5px 0 10px 0;
}


.piclist_right{
    width:350px;
    margin-top:20px;
    margin-left:6px;
    float:left;
}

.piclist_right a{
    text-decoration:none;
}

.piclist_right ul{
    width:100%;
    margin-left:10px;
}

.piclist_right_img{
    width:100%;
    padding-bottom:250px;
}

.piclist_right_img_box{
    padding:5px;
    width:155px;
    height:250px;
    background:#fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
}

.piclist_right li{
    width:155px;
    margin:10px 0px 5px 10px;
    float:left;
}

.piclist_right_tit{
    width:155px;
    height:40px;
    background:#000;
    background:rgba(0,0,0,.6);
    margin-top:-40px;
}

.piclist_right_tit p {
    margin:0 0 0 5px;
    width:155px;
    height:40px;
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
    line-height:18px;
    font-size:12px;
    color:#fff;
}

.piclist_di_baidu{
   width:1000px; 
   height:90px; 
   margin:30px auto 0 auto;
}

.piclist_right_baidu{
    padding:5px;
    background:#fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
}



/*ÓÒ²àÐü¸¡*/
.piclist_right_div{
    width:350px;
    height:550px; 
    position:fixed; 
    z-index:1000; 
    display:none; 
}

.piclist_right_div a{
    display:block
}



.piclist_vip{
    width:300px;
    margin:0px 10px 0 6px;
    font-size:12px;
    color:#555;
    display:table;
    padding:14px 0;
}

.piclist_vip_warp{
    background:#ebfaff;
    display:table;
}

.piclist_vip li{
    width:260px;
    margin:10px 5px;
    padding:0 10px;
}

.piclist_vip h3{
    font-size:16px;
    color:#333;
    margin-left:10px;
}

.piclist_downlaod{
    margin-top:20px;
    font-size:14px;
    text-align:center;
}

.piclist_nodw{
    width:80%;
    height:36px;
    line-height:36px;
    border-radius:4px;
    background:#555;
    color:#fff;
    font-size:14px;
    float:left;
    text-align:center;
    margin:5px 10% 0 10%;
}

.piclist_dl_l{
    width:55%;
    height:36px;
    line-height:36px;
    border-radius:4px 0 0 4px;
    background:#333;
    color:#fff;
    float:left;
    cursor:pointer;
    margin-bottom:20px;
    
}

.piclist_dl_l:hover{
    color:#fff;
    background:#555;
    text-align:center;
    -webkit-transition:background,color 0.5s;
    transition:background,color 0.5s;
    -moz-transition:background,color 0.5s;
    -o-transition:background,color 0.5s;
 }


.piclist_bc_l{
    width:40%;
    height:36px;
    line-height:36px;
    border-radius:4px;
    background:#ff2045;
    color:#fff;
    text-align:center;
    cursor:pointer;
    margin:70px auto 20px auto ;
    border:0;
    font-size:12px;
    display:table;
}

.piclist_bc_l:hover{
    color:#fff;
    background:#9b041d;
    text-align:center;
    -webkit-transition:background,color 0.5s;
    transition:background,color 0.5s;
    -moz-transition:background,color 0.5s;
    -o-transition:background,color 0.5s;
 }

.piclist_dl_r{
    width:45%;
    height:36px;
    line-height:36px;
    border-radius:0 4px 4px 0;
    background:#444;
    color:#fff;
    float:left;
    cursor:pointer;
    margin-bottom:20px;
}

.piclist_dl_r:hover{
    color:#fff;
    background:#666;
    text-align:center;
    -webkit-transition:background,color 0.5s;
    transition:background,color 0.5s;
    -moz-transition:background,color 0.5s;
    -o-transition:background,color 0.5s;
 }

.dl-input{
    width:40px;
    height:30px;
    font-size:14px;
    color:#fff;
    border:0;
    background:none;
    outline:none;
}

.piclist_other li{
    margin:10px 0 0 0;
    padding:0;
}

.piclist_other a{
    color:#ff4c4c;
}

.piclist_other a:hover{
    color:#ff2045;
}

.piclist_text{
    height:30px;
    line-height:25px;
    margin-top: 10px;
    overflow: hidden;
    border-bottom: 1px dashed #b1b1b1;
    padding-bottom: 6px;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight:bold;
    
}



.tagcloud{
    margin:10px auto;
}

.tagcloud ul{
    width:320px;
    margin:10px 5px 10px 7px;
}

.tagcloud li{
    width:30%;
    height:26px;
    line-height:26px;
    margin:5px 1.5%;
    float:left;
    font-size:12px;
    border-radius:4px;
    background:#f0f4f5;
    color:#999;
    text-align:center;
    cursor:pointer;
}

.tagcloud li:hover{
    color:#fff;
    background:#ff8398;
    text-align:center;
    -webkit-transition:background,color 0.5s;
    transition:background,color 0.5s;
    -moz-transition:background,color 0.5s;
    -o-transition:background,color 0.5s;
 }

.tagcloud_tit{
    font-size:14px;
    color:#555;
    font-weight:bold;
    margin-left:20px;
    margin-top:10px;
}


.piclist_left_state{
    width:90%;
    margin:20px auto ;
    padding:4px 2.5%;
    border-radius:4px;
    background:#e8e8e8;
    font-size:12px;
    color:#555;
}

.piclist_left_state_tz{
    width:140px;
    float:right;
    margin:20px 30px 20px 0;
}

.piclist_left_state_but{
    width:60px;
    height:26px;
    font-size:12px;
    color:#333;
    border:0;
    background:#e8e8e8;
    float:left;
}

.piclist_left_state_link{
    width:60px;
    height:26px;
    text-align:center;
    line-height:26px;
    font-size:12px;
    color:#333;
    border:0;
    background:#e8e8e8;
    float:left;
    margin-left:20px;
}


.piclist_bottom_vip{
    width:90%;
    margin:20px auto ;
    padding:20px 2.5%;
    border-radius:4px;
    background:#e0ffef;
    border:1px solid #06ad56;
    font-size:16px;
    text-align:center;
    color:#0c570e;
    display:table;
}

.piclist_bottom_vip_but{
    width:120px;
    height:36px;
    line-height:36px;
    text-align:center;
    background:#07c160;
    color:#fff;
    border-radius:4px;
    margin:20px auto 0 auto;
}

.piclist_bottom_vip_but:hover{
    background:#06ad56;
    cursor:pointer;
}