
/* 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:12px;}
.crumb{ float:left; line-height:28px;}
.info{ padding:4px 0;}
.info h1{ display:inline; line-height:30px; font-family:Microsoft YaHei, simHei; font-size:20px;}
.gallery{ zoom:1; border:1px solid #242426; background-color:#47474b;}
.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 #373737;}
.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:910px; background:none;}
.photo,.photo i{ height:607px;}
.photo i{ display:inline-block; vertical-align:middle;}
.photo img{ display:inline-block; margin-bottom:5px; vertical-align:middle; border:1px solid #000;}
.view h2{ line-height:25px; font-size:14px; font-weight:bold;}

.vertical{ padding:20px 0;}
.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:910px; margin:auto;}
.tStream .scrollL,.tStream .scrollR{ margin-top:7px;}
.tStream .scrollC{ position:relative; float:left; overflow:hidden; width:766px; height:132px;}
.tStream .scrollBar{ position:absolute; bottom:0; margin:0 5px 17px; width:756px; height:15px; cursor:pointer;}
.tSets{ width:678px; margin:auto;}
.tSets .scrollL,.tSets .scrollR{ margin-top:14px;}
.tSets .scrollC{ position:relative; float:left; overflow:hidden; width:600px; height:139px;}
.tSets .scrollBar{ position:absolute; bottom:0; margin:0 33px 14px; width:534px; 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:99999px;}
.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:50%; left:0; margin-top:-28px; width:49px; height:55px;}
.btn_next{ position:absolute; top:50%; right:0; margin-top:-28px; width:49px; height:55px;}
.btn_close{ float:right; width:19px; height:19px;}
.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:#727171;}
.info{ color:#4d4d4d;}
.info p{ color:#868686;}
.info p a,.info p a:visited{ color:#ba2636;}
.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:#c6c6c6;}
.cBlue a:visited,.select span{ color:#174599;}
.select a,.select a:visited,.btn_select,.btn_select:visited{ color:#4b4b4b;}
.view h2,.view h3,.list_stream h3 a,.list_stream h3 a:visited{ color:#f4f4f4;}

.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:url(../slideSprite_png24.png) no-repeat;}
.ui_frm1 .ts,.btn_prev,.btn_next,.btn_close,.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(../slideSprite_png8.png) no-repeat;}
.bg_gallery{ background:#fff url(../slideBg01.png) repeat-x 0 43px;}
.gallery{ background:#47474b url(../slideBg02.png) repeat-x bottom;}
.topBar{ background:url(../slideBg03.png) repeat-x;}
.select{ background:url(../slideBg16.png) repeat-x;}

.ui_frm1 .ts{ background-position:-836px -32px;}
.interval{ background-position:-297px -66px;}
.select span{ background:url(../slideBg15.png) no-repeat 44px center;}
.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:-444px -32px;}
.btn_prev:hover{ background-position:-494px -32px;}
.btn_next{ background-position:-544px -32px;}
.btn_next:hover{ background-position:-594px -32px;}
.btn_close{ background-position:-903px -32px;}
.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{ background:url(../slideBg25.png) no-repeat 0 97px;}
.tSets .scrollC{ background:url(../slideBg25.png) no-repeat 28px 107px;}
.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;}
.ui_til1 h2{ background:url(../slideBg56.png) no-repeat 20px 11px;}

.hidden{display:none;}

.picNum{ width:400px; float:left; height:30px; line-height:30px; margin:0 0 0 10px; color:#FFFFFF; font-size:14px;overflow:hidden;}
.picNum a{color:#f0f0f0;text-decoration:none;}
.picNum a:hover{color:#f7f7f7;text-decoration:none;}
.picNum .red{ color:#ff9900; font-weight:bold;}
