@charset "utf-8";
/*重置浏览器默认样式*/
@import url(reset.css);
/*全局文本样式*/
@import url(fonts.css);
/*全局基础样式*/
@import url(base.css);
/*栅格系统*/
@import url(grids.css);



.main{
	margin:0 auto;
}


/*标题*/
h3{letter-spacing:0.1em;}
h3 a{ font-size:16px;letter-spacing:0.1em;}
h4{
	border:1px solid #ededed;
	font:normal bold 14px/36px "微软雅黑","\5b8b\4f53","Arial Narrow",Helvetica;
	background:url(../../images/rail1/H_38.gif) repeat-x left bottom;
	color:#3E3A37;
}
h4 span{
	padding-left:1em;
	padding-right:1em;
	background-color:#fff;
	display:inline-block;
	border-right:1px solid #ededed;
	letter-spacing:0.1em;
}
h5 a{color:#3b639f;}













/*焦点图*/
.flashBanner{width:490px;height:367px;overflow:hidden;position:relative;}
.flashBanner a img{border:0 none;}
.flashBanner .mask{ padding:10px; background-color:#000;width:470px;text-align:right;position:absolute;left:0;bottom:0;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;overflow:hidden;}
.flashBanner .mask span{ color:#fff; float:left;}
.flashBanner .mask img{vertical-align:middle;margin-right:10px;cursor:pointer;}
.flashBanner .mask img.show{margin-bottom:3px;}






/*摄影作品*/
.syzp1,.syzp2,.syzp3,.pp{ position:relative; overflow:hidden;}
.syzp1 a img{ width:500px; position:relative;}
.syzp2 a img{ width:247px; position:relative;}
.syzp3 a img{ width:122px; position:relative;}
.caption{position:absolute;bottom:0px;left:0px;width:100%;display:none;color:#fff;padding:5px;line-height:20px;
background:#000;
opacity: 0.8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}




/*摄影技巧*/ 
.syzp_title,.syjq_title{ border:1px solid #ededed; border-left:3px solid #B70909; padding:5px; padding-left:10px; color:#333; margin-top:25px;}
.syzp_title{ padding-left:50px; padding-right:10px; position:relative;}
.syzp_title .fr{position: absolute; right:10px; top:5px;}
.syzp_title .camera{ display:block; width:48px; height:57px; background:url(../../images/rail1/Sprite.gif) no-repeat -400px -200px; position:absolute; left:3px; top:-8px;}
.syzp_title span,.syzp_title span a{ font-size:14px; font-weight:normal; font-family:"微软雅黑";}
.syjq{border-left:1px solid #ededed;}
.syjq h5 a{ color:#2f2f2f;}
.syjq div{width:229px; border-bottom:1px solid #ededed; border-right:1px solid #ededed; padding:10px; float:left;}
.syjq div p{ font-size:12px; line-height:20px;}





/*视觉风暴*/
#featured{ 
	width:813px; 
	position:relative; 
	height:610px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	left:815px; 
	list-style:none; 
	padding:0; 
	margin:0; 
	width:187px; 
}
#featured .ui-tabs-nav li{
	background-image:none;
	margin-bottom:2px;
	white-space:normal;
	word-break:break-all;
}

#featured .ui-tabs-nav li a{
	color:#fff; 
	font-size:18px;
	font-family:"微软雅黑";
	font-weight:bold;
	display:block;
	height:80px;
	width:147px;
}

#nav-fragment-1{ background-color:#3397d3;}
#nav-fragment-2{ background-color:#ed5326;}
#nav-fragment-3{ background-color:#8e499c;}
#nav-fragment-4{ background-color:#f6ae1e;}
#nav-fragment-5{ background-color:#c5bd98;}


#featured .ui-tabs-nav-item{
	padding:20px;
	height:80px; 
	opacity:0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
#featured .ui-tabs-nav-item a:hover{
	text-decoration:none;
	opacity:1;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#featured .ui-tabs-nav .ui-tabs-selected{ 
	text-decoration:none;
	opacity:1;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#featured .ui-tabs-panel{ 
	width:813px; 
	height:610px; 
	position:relative;
}
#featured .ui-tabs-panel a img{ border:none;}
#featured .ui-tabs-hide{ 
	display:none; 
}



/*跑马灯*/
#marquee{ width:956px; height:154px; float:left; overflow:hidden; margin-top:20px;}
#marquee li{ float:left; padding-left:20px; background:none; width:136px;}
#marquee li a{font-size:12px; line-height:20px;white-space:normal;word-break:break-all; display:block;}
#goL, #goR{display:block; float:left; width:22px; height:174px;}
#goL{ background:#ededed url(../../images/rail1/Sprite.gif) no-repeat -320px -180px;}
#goR{ background:#ededed url(../../images/rail1/Sprite.gif) no-repeat -320px -60px;}




/*摄影师访谈*/
.sysft div{ width:131px; margin-right:14px; float:left;}





/*摄影列表页*/
.pic_list ul li{ padding-left:0; background:none; float:left; width:150px; height:113px; margin-right:20px; margin-bottom:20px;}
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	/*width:400px;*/
}
#preview img{ border:none; text-align:center;}











































/*最终页分享*/
.Article-Tool{ float:right; clear:right;}

/*大图区域*/
#menu1{height:26px;background:url(../../images/rail1/logo.gif) no-repeat left center;padding-top:54px;padding-left:141px;}
#menu1 ul{ display:inline;padding-top:80px;}
#menu1 ul li{ padding-left:0; background:none;display:inline; }
#menu1 ul li ul li{ background:url(../../images/rail1/Sprite.gif) no-repeat left -78px; padding-left:19px; display:inline;}

.bigPic {
	width:950px;
	min-height:619px;
	overflow:hidden;
	margin-bottom:10px;
	margin-left:26px;
	text-align:center;
}
.bigPic img{ /*display:block;*/vertical-align:top; border:none;}

#gallery {
	width:1000px;
	
	background:#fff;
	border:1px solid #c4c4c4;
}
.playNav {
	margin:25px 26px 15px;
	overflow:hidden;
	width:948px;
}
.picture_title{border-left: 3px solid #B70909; float:left; width:600px;}
.picture_title h2 {
	float:left;
	overflow:hidden;
	padding-left:15px;
	font-size:18px;
	color:#1f1f20;
}
.jump {
	padding:0 1px 0 10px;
	text-align:center;
	color:#2b2b2d;
	float:left;
}
.jump span {
	color:#000;
}
.info{ clear:both; float:left;  padding-top:10px; padding-left:18px;}
.info div{ float:left; margin-right:10px;color:#6f6f6f; font-size:12px; line-height:12px;}
.info span,.info a{color:#6f6f6f; font-size:12px; line-height:12px;}
.info a:hover{color:#c4191f;}

.clear {
	clear:both;
}
.playbar{
	display:block;
	float:left;
	overflow:hidden;
	width:130px;
}
.playButtom {
	color:#aaa;
	float:right;
	margin-bottom:5px;
}
.play, .pause, .stop {
	width:20px;
	height:21px;
	display:block;
}
.play {
    background: url(../../images/rail1/start.jpg) no-repeat;
	float:left;
	width:33px;
	height:28px;
	
}
.pause {
	background:url(../../images/rail1/stop.jpg) no-repeat;
	float:left;
	width:33px;
	height:28px;
}
.stop {
	margin-right:4px;
	background:url(../../images/rail1/gifbg3.gif) -95px -33px no-repeat;
	float:left;
}
.spead {
	color:#bdbdbd;
	font-weight:bold;
}
.spead a {
	margin:0 2px;
	text-decoration:underline;
	font-weight:normal;
}
.spead a.focus {
	text-decoration:none;
	font-weight:bold;
	color:#ff8400;
}


.pre, .next {
	width:23px;
	height:21px;
	display:block;
	overflow:hidden;
}
.pre {
	float:left;
}
.next {
	float:right;
}
span#showPage{ color:#ff6702;font-weight:bold;}

i.seeRoot{ width:90px;margin:-2px 0 0 50px;float:left;}
.seeRoot a{ width:54px;height:23px;line-height:24px;padding-left:25px;color:#000;background:url(../../images/rail1/all.gif) no-repeat;display:block;overflow:hidden;}
.seeRoot a:hover{ text-decoration:none;color:#000;}

.singlepic{ width:800px;padding-bottom:9px;clear:both;overflow:hidden;}
.prePic{ width:59px;padding:152px 0 0 24px;float:left;}
.nextPic{ width:40px;padding:152px 0 0 20px;float:left; position:absolute; right:148px;}
.prePic a,.nextPic a{ width:39px;height:40px;display:block;}
.prePic a{ background:url(../../images/rail1/arrow-l.png) no-repeat;}
.nextPic a{ background:url(../../images/rail1/arrow-r.png) no-repeat;}

.pageJump{ height:20px;text-align:center;clear:both;}
.pageJump i{ color:#0373d2;}

.prePic,.nextPic{ width:24px;height:55px;float:left;}
.prePic{ padding:23px 8px 0 58px;}
.prePic a,.nextPic a{ width:29px;height:29px;display:block;cursor:pointer;}
.prePic a{ background:url(../../images/rail1/prev_arrow.png) no-repeat;}
.nextPic{ padding:23px 0 0 8px;}
.nextPic a{ background:url(../../images/rail1/next_arrow.png) no-repeat;}
.silderpic{ width:950px;padding:26px 0 26px 1px; border-top: 1px outset #c4c4c4; margin-left:26px; position:relative;}
.silderpic li{ width:100px;margin:0 8px;border:3px solid #f2f2f2;float:left;display:inline; background:none; padding-left:0;}
.silderpic li a{ width:98px;height:73px;border:1px solid #dae3ec;text-align:center;background:#fff;display:block;}
.silderpic li img{ width:98px;height:73px;overflow:hidden;display:block;margin:0 auto; border:none;}
.silderpic li.focus{ border:3px solid #057cdb;}
.silderpic li.focus a{ border:1px solid #fff;}
.gallery_bg{ margin-left:75px;}



#big_box{
	
	
}
.zhaiyao{
	margin-left:26px;
	width:950px;
	font: normal normal 14px/20px "宋体";
	color:#3E3A37;
	margin-bottom:10px;
}
.biaoqian{ float:left; margin-left:26px;}
.biaoqian a{ padding-right:5px;}
.bianji{ float:right; margin-right:26px;}
.big_content{ width:673px; height:86px; border-right:1px solid #eeeeee; float:left;}
.big_content h2{ padding:0px 0 5px 20px;}
.big_content p{ padding-left:20px;}
.right_tag{
	float:left;
	padding-left:20px;
	
}
.right_tag img{
	float:left;
	
}
 .author{
	float:left;
	padding-left:10px;
	
}
.speak{
	background:url(../../images/rail1/ti.jpg) left center no-repeat;
	height:25px;
	margin-left:20px;
	margin-top:5px;
	
	
	
}
.speak a{
	color:#004276;
	font-weight:bold;
	padding-left:20px;
	line-height:25px;
	
	
}
.speak span{
	color:#cc0000;
	font-weight:bold;
}

#tuji{
	width:967px;
	height:178px;
	background:url(../../images/rail1/tuji.jpg) no-repeat;
}
.tu_head{
	padding-bottom:5px;
	border-bottom:1px solid #b2b2b2;
	margin:0 20px;
	padding-top:15px;
	
}
.tu_head h2{
	background:url(../../images/rail1/left_arrow.jpg) left center no-repeat;
	height:20px;
	line-height:20px;
	padding-left:25px;
	color:#505053;
}
#tuji ul {
	margin:10px 0 0 28px;
	
}
#tuji ul li{
	float:left;
	width:185px;
	
}

.left_tuji{
	width:114px;
	height:104px;
	background:url(../../images/rail1/tuji_bg.jpg);
	position:absolute;
	left:0;
	top:16px;

	
}
.right_tuji{
	width:114px;
	height:104px;
	background:url(../../images/rail1/tuji_bg.jpg);
	position:absolute;
	right:0;
	top:16px;
	
}


.left_tuji img,.right_tuji img{
	width:94px;
	height:64px;
	margin:10px 0 0 8px;
	border:none;
}
.left_tuji span a{
	float:left;
	margin:4px 0 0 20px;
	font-size:12px;
	line-height:12px;
}
 .right_tuji span a{
	float:left;
	margin:4px 0 0 25px;
	font-size:12px;
	line-height:12px;	
}





/*相关图片*/
.xgtp_wrp{ position:relative; border:1px solid #EDEDED; border-top:none; z-index:1000;}
#goU,#goD{height:20px;display:block; width:100%; position:absolute; display:none;
opacity:0.8;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
#goU{ background:#e5e5e5 url(../../images/rail1/Sprite.gif) no-repeat -285px -1030px; left:0; top:0;}
#goD{ background:#e5e5e5 url(../../images/rail1/Sprite.gif) no-repeat -285px -1049px; left:0; bottom:0;}
#xgtp{ height:305px; overflow:hidden;}
#xgtp li{padding-left:0px; background:none; white-space:normal; word-break:break-all;}
#xgtp li div{width: 152px; margin-bottom:15px;}


.sysft p{ height:40px;}