@charset "gb2312";
/* CSS Document */
img { -ms-interpolation-mode: bicubic; }
.area{ margin:auto; width:960px; text-align:left;}
.area p{ margin:0; line-height:21px;}
.logo{ float:left; margin-right:6px;}
.crumb{ float:left; line-height:30px;}
.info{ padding:5px 0 6px 25px;}
.showbg {height: 31px;width: 960px;display: block;text-align:center;}
.showbg2 {height: 31px;width: 960px;display: block;text-align:center;}
.showbg .h1,.showbg2 .h1{ margin: 0 auto;line-height:21px;color:#000;font-size: 18px;font-family:ºÚÌå;}
.gallery {zoom:normal;}
.topBar {height:32px;}
.topBar .search{ float:left; padding:0 14px;}
.topBar .ctrls{ float:right;}
.interval {float:left; position:relative; z-index:20; padding:3px 0 0 8px; width:60px; height:29px;}
.select {display:none; position:absolute; top:3px; left:8px; width:52px; font-weight:bold; text-align:center; border:1px solid #000000;}
.select span{display:block; padding-right:11px; height:25px; line-height:25px;}
.select a{display:block; height:19px; line-height:19px;}
.select a:hover{ text-decoration:none; background:#b5c4d9;}
.view { position:relative;margin:auto;width:930px;border:0px solid #ccc;}
.photo,.photo i{ display:block; height:500px;}
.photo i{ display:inline-block; vertical-align:middle;}
.photo img{ display:inline-block; vertical-align:middle;}
.view h2{ line-height:25px; font-size:14px; font-weight:bold;}
.vertical .photo{ text-align:center;}
.vertical .desc{ width:700px; margin:auto;}
.vertical h2{ text-align:center;}
.horizontal{ overflow:hidden; margin:auto; width:800px;}
.horizontal .photo{ display:inline-block; *display:inline; zoom:1; width:452px; text-align:right; vertical-align:middle;}
.horizontal .desc{ display:inline-block; *display:inline; zoom:1; padding-left:14px; width:328px; vertical-align:middle;}
.stream{ margin:auto; width:740px;}
.sets{ margin:auto; width:782px;}
.prevSet,.nextSet{ float:left; margin-top:9px; width:144px; text-align:center;}
.prevSet img{ padding:4px 5px 15px 11px;}
.nextSet img{ padding:4px 13px 15px 3px;}
.scrollL,.scrollR{ float:left; width:39px; text-align:center;}
.tStream{ width:960px; margin:auto;}
.tStream .scrollL,.tStream .scrollR{ margin-top:7px;}
.tStream .scrollC{ position:relative; float:left; overflow:hidden; width:880px; height:132px;}
.tStream .scrollBar{position: absolute;bottom:0;margin:0 5px 0 5px;width:870px;height:15px;cursor:pointer;}
.tSets{ width:880px; margin:auto;}
.tSets .scrollL,.tSets .scrollR{ margin-top:14px;}
.tSets .scrollC{ position:relative; float:left; overflow:hidden; width:880px; height:139px;}
.tSets .scrollBar{ position:absolute;bottom:0; margin:0 33px 14px; width:870px; height:15px; cursor:pointer;}
.loading{ background:url(loading.gif) no-repeat center;}
.loading .vertical,.loading .horizontal{ visibility:hidden;}
.box_float{ position:absolute; top:50%; left:50%; margin:-130px 0 0 -227px; padding:10px; width:430px; text-align:left; border:2px solid #373738; background:#272728;}
.box_float h3{ line-height:25px;}
.box_float .hot{ margin:5px auto; padding:10px 15px 5px; width:380px; border:1px solid #555; background:#333;}
.titleBar h2,.titleBar h3{ float:left;}
.titleBar .more{ float:right;}
.lighthigh{ color:#ffb320; font-weight:bold;}

.list_hot{ overflow:hidden; width:380px;}
.list_hot li{ float:left; margin-right:46px; width:144px;}
.list_relat{ overflow:hidden; width:960px; padding-left:23px;}
.list_relat li{ float:left; width:112px; margin-right:48px; padding-bottom:10px;}
.list_hot img, .list_relat img{ padding:2px 6px 8px;}
.list_hot h3, .list_relat h3{ margin-top:5px; line-height:21px;}
.list_tStream{ position:absolute;width:99px;}
.list_tStream li{ float:left; width:110px;}
.list_tStream img{ padding:13px 2px 2px;}
.list_tSets{ position:absolute; width:99999px; text-align:center;}
.list_tSets li{ float:left; padding:15px 0 2px; width:120px;}
.list_tSets img{ padding:2px 6px 8px;}

.list_stream{ overflow:hidden; width:760px;}
.list_stream li{ float:left; overflow:hidden; width:170px; margin-right:20px; padding-bottom:20px;}
.list_stream .frame{ display:block; overflow:hidden; margin-bottom:3px; padding:5px; width:160px; height:160px; text-align:center;}
.list_stream i{ display:inline-block; height:100%; vertical-align:middle;}
.list_stream img{ vertical-align:middle;}
.list_stream h3{ line-height:21px;}

.list_sets{ overflow:hidden; width:800px;}
.list_sets li{ float:left; overflow:hidden; width:182px; margin-right:18px; padding-bottom:20px;}
.list_sets .frame{ display:block; overflow:hidden; padding:7px 12px 17px 10px; width:160px; height:160px; text-align:center;}
.list_sets i{ display:inline-block; height:100%; vertical-align:middle;}
.list_sets img{ vertical-align:middle;}
.list_sets h3{ line-height:21px;}

.btn_select{ display:block; overflow:hidden; padding-right:12px; width:42px; height:25px; line-height:27px; font-weight:bold; text-align:center;}
.btn_select:hover{ text-decoration:none;}
.btn_first,.btn_last,.btn_play,.btn_pause{ float:left; width:43px; height:32px;}
.btn_list,.btn_tie{ float:left; width:53px; height:32px;}
.btn_full{ float:left; width:54px; height:32px;}
.btn_prev{position:absolute;top:0%;left:0;margin-top:-28px;width:210px;height:600px;background-image: url(left.gif);background-repeat: no-repeat;}
.btn_next{position:absolute;top:0%;right:0;margin-top:-28px;width:210px;height:600px;background-image: url(right.gif);background-repeat: no-repeat;}

.btn_close{float:right;width:19px;height:19px;background-image: url(close.gif);background-repeat: no-repeat;}
.btn_backward,.btn_forward{ display:inline-block; width:25px; height:87px;}
.btn_scroll{ position:absolute; display:block; overflow:hidden; width:40px; height:15px; cursor:e-resize;}
.btn_scroll .sideL{ float:left; width:10px; height:15px;}
.btn_scroll .sideR{ float:right; width:10px; height:15px;}

.ui_frm1 .tt{ padding:2px; width:185px; height:14px; vertical-align:middle; border-width:1px 0 1px 1px; border-style:solid; border-color:#213d63; background:#fff;}
.ui_frm1 .ts{ margin:6px 0; width:22px; height:20px; vertical-align:middle; cursor:pointer; border:none;}
.ui_bg1{ zoom:1; overflow:hidden; border:1px solid #dcdddd; background:#f6fcff;}
.ui_til1{ height:37px; line-height:37px;}
.ui_til1 h2{ padding-left:40px; font-size:14px; font-weight:bold;}
.ui_til1 h3{ padding-left:10px;}

.area,.view,.tStream,.tSets,.titleBar{ clear:both; overflow:hidden;}
.prevSet img,.nextSet img,.list_hot img,.list_relat img,.list_tStream img,.list_tSets img{ display:inline-block; width:100px; height:75px;}
.list_tStream h3,.list_tStream p,.list_tSets h3,.list_tSets p{ display:none;}

/* color */
.crumb,.crumb a,.crumb a:visited{ color:#222222;}
.ui_frm1 .tt{ color:#bdbdbd;}
.gallery p,.gallery p a,.gallery p a:visited,.list_hot h3 a,.list_hot h3 a:visited,.list_sets h3 a,.list_sets h3 a:visited{ color:#222222;}
.cBlue a:visited,.select span{ color:#222222;}
.select a,.select a:visited,.btn_select,.btn_select:visited{ color:#222222;}
.view h2,.view h3,.list_stream h3 a,.list_stream h3 a:visited{ color:#222222;}

.cWhite{ color:#fff!important;}
a:hover{ color:#ba2636!important;}
.interval a:hover{ color:#174599!important;}

/* background */
.interval,.btn_select,.btn_first,.btn_play,.btn_pause,.btn_last,.btn_list,.btn_tie,.btn_full,.btn_backward,.btn_forward,.prevSet img,.nextSet img,.list_stream .frame,.list_sets .frame{
	background-image: url(sprite_png24.gif);
	background-repeat: no-repeat;
}
.ui_frm1 .ts,.btn_scroll,.btn_scroll .sideL,.btn_scroll .sideR,.list_tStream img,.list_tSets img,.list_hot img,.list_relat img,.list_tSets .active{ background:url(sprite_png8.gif) no-repeat;}
.bg_gallery{ background:#000000;}
.ui_frm1 .ts{ background-position:-836px -32px;}
.interval{ background-position:-297px -66px;}
/*.btn_select{ background-position:-311px -99px;}
.btn_select:hover{ background-position:-311px -125px;}

.btn_first{ background-position:0 0;}
.btn_first:hover{ background-position:0 -33px;}
.btn_play{ background-position:-44px 0;}
.btn_play:hover{ background-position:-44px -33px;}
.btn_pause{ background-position:-88px 0;}
.btn_pause:hover{ background-position:-88px -33px;}
.btn_last{ background-position:-132px 0;}
.btn_last:hover{ background-position:-132px -33px;}
*/
.btn_list{ background-position:-176px 0;}
.btn_list:hover{ background-position:-176px -33px;}
.btn_tie{ background-position:-230px 0;}
.btn_tie:hover{ background-position:-230px -33px;}
.btn_full{ background-position:-284px 0;}
.btn_full:hover{ background-position:-284px -33px;}
.btn_prev{ background-position:-560px -60px;}
.btn_prev:hover{background-position:18px;}
.btn_next{background-position:-60px;}
.btn_next:hover{background-position:160px;}
.btn_backward{ background-position:-234px -66px;}
.btn_backward:hover{ background-position:-260px -66px;}
.btn_forward{ background-position:-234px -154px;}
.btn_forward:hover{ background-position:-260px -154px;}
.btn_scroll{ background-position:center 0;}
.btn_scroll:hover{ background-position:center -16px;}
.btn_scroll .sideL{ background-position:-859px -32px;}
.btn_scroll:hover .sideL{ background-position:-870px -32px;}
.btn_scroll .sideR{ background-position:-881px -32px;}
.btn_scroll:hover .sideR{ background-position:-892px -32px;}

.prevSet img{ background-position:0 -66px;}
.prevSet:hover img{ background-position:-117px -66px;}
.nextSet img{ background-position:0 -161px;}
.nextSet:hover img{ background-position:-117px -161px;}
.list_tSets img,.list_hot img,.list_relat img{ background-position:-210px -32px;}
.list_tSets .active{ background-position:-323px -32px;}
.list_tStream img{ background-position:0 -32px;}
.list_tStream .active img{ background-position:-105px -32px;}
.tStream .scrollC{}
.list_stream .frame{ background-position:0 -256px;}
.list_stream .frame:hover{ background-position:-171px -256px;}
.list_sets .frame{ background-position:0 -427px;}
.list_sets .frame:hover{ background-position:-183px -427px;}