@charset "utf-8";

table#DemoTable p span.SpanTitle { font-size:18px; line-height:1.5;  }
table#DemoTable p.DemoTitle { letter-spacing:3px; line-height:2.5; }
table#DemoTable td.DemoONE { width:0.1%; }


/* 固定样式 */
#Frame_Show { min-width:320px; max-width:640px; height:auto; line-height:18px; margin:0 auto; }

#Frame_Show div li a { font:normal normal 12pt/20px "Microsoft YaHei", "宋体"; }
#Frame_Show div li.Small a,#Frame_Show div li.Small span { font:normal normal 12px/20px "Microsoft YaHei", "宋体"; color:#666; padding-right:20px; }
#Frame_Show div li.Moneys { height:32px; font:normal normal 12pt/20px "Arial Black", Gadget, sans-serif; color:#F00; padding-top:2px; }
#Frame_Show div li.Moneys span { font:normal normal 12px/20px "Microsoft YaHei", "宋体"; color:#F00; }
#Frame_Show div li.HistLike a,#Frame_Show div li.HistLike span { font:normal normal 12px/20px "Microsoft YaHei", "宋体"; color:#666; padding-right:20px; }

#Frame_Show div.MoreDiv { width:33.333%; height:auto; display:inline; float:left; }
#Frame_Show div.MoreDiv ul { width:98%; height:0; padding-bottom:25%; position:relative; text-align:center; float:left; margin:1%; display:inline; }
#Frame_Show div.MoreDiv ul img { width:100%; height:100%; margin:0; padding:0; border:0; }

#Frame_Show.AStyle div.MoreDiv ul { padding-bottom:88%; }
#Frame_Show.BStyle div.MoreDiv ul { padding-bottom:75%; }
#Frame_Show.CStyle div.MoreDiv ul { padding-bottom:128%; }
#Frame_Show.FStyle div.MoreDiv ul { padding-bottom:58%; }


#Frame_Show div.MaimDiv { width:50%; height:auto; display:inline; float:left; }
#Frame_Show div.MaimDiv ul { width:98%; height:auto; position:relative; float:left; margin:1%; }
#Frame_Show div.MaimDiv div.Show { width:100%; height:0; padding-bottom:68%; position:relative; float:left; }
#Frame_Show div.MaimDiv div.Show img { width:100%; height:100%; position:absolute; margin:0; padding:0; border:0; }

#Frame_Show div.MaimDiv ul label.Title { width:95%; height:auto; padding:2.5%; font-size:small; line-height:25px; text-overflow:ellipsis; white-space:nowrap; }

#Frame_Show.AStyle div.MaimDiv div.Show { padding-bottom:98%; }
#Frame_Show.BStyle div.MaimDiv div.Show { padding-bottom:75%; }
#Frame_Show.CStyle div.MaimDiv div.Show { padding-bottom:125%; }
#Frame_Show.FStyle div.MaimDiv div.Show { padding-bottom:58%; }



#Frame_Show div.ItemDiv { width:98%; height:auto; margin:0 1%; clear:both; }
#Frame_Show div.ItemDiv li { width:61%; height:auto; max-height:35px; text-align:left; padding:1% 2.5%; float:right; }
#Frame_Show div.ItemDiv li.Moneys { height:40px; padding:1% 2.5%; float:right; }
#Frame_Show div.ItemDiv ul { width:32%; height:0; position:relative; text-align:center; float:left; margin:1%; display:inline; }
#Frame_Show div.ItemDiv ul img { width:100%; height:100%; margin:0; padding:0; border:0; }

#Frame_Show.AStyle div.ItemDiv ul { padding-bottom:32%; }
#Frame_Show.BStyle div.ItemDiv ul { padding-bottom:18%; }
#Frame_Show.CStyle div.ItemDiv ul { padding-bottom:48%; }
#Frame_Show.DStyle div.ItemDiv ul { padding-bottom:20%; }
#Frame_Show.FStyle div.ItemDiv ul { padding-bottom:18%; }




#Frame_Show ul.A-InList,#Frame_Show ul.B-InList { width:100%; height:0; position:relative; text-align:center; float:left; display:inline; }
#Frame_Show ul.A-InList img,#Frame_Show ul.B-InList img { width:100%; height:100%; left:0; margin:0; padding:0; border:0; }

#Frame_Show ul:hover.A-InList img { width:100%; height:100%; margin-top:-100%; margin-left:0%; }
#Frame_Show ul:hover.B-InList img { width:110%; height:110%; margin-top:-5%; margin-left:-5%; }

#Frame_Show.AStyle ul.A-InList,#Frame_Show.AStyle ul.B-InList { padding-bottom:100%; }
#Frame_Show.BStyle ul.A-InList,#Frame_Show.BStyle ul.B-InList { padding-bottom:58%; }
#Frame_Show.CStyle ul.A-InList,#Frame_Show.CStyle ul.B-InList { padding-bottom:128%; }
#Frame_Show.DStyle ul.A-InList,#Frame_Show.DStyle ul.B-InList { padding-bottom:66%; }
#Frame_Show.FStyle ul.A-InList,#Frame_Show.FStyle ul.B-InList { padding-bottom:58%; }



#Frame_Show ul.B-InList div.keys { width:60%; height:100%; background-color:transparent; opacity:0; filter:alpha(opacity=0); position:absolute; z-index:200; }
#Frame_Show ul.B-InList div.keys { background-image:url(http://cdn.xuansiwei.com/chenz2097/Images/HOT/MTOP.png); background-repeat:no-repeat; margin-left:20%; cursor:pointer; }

#Frame_Show ul.B-InList li { opacity:0; filter:alpha(opacity=0); position:absolute; bottom:0; z-index:200; }
#Frame_Show ul.B-InList li { width:100%; height:20%; text-align:center; font:normal normal 12pt/20px "Microsoft YaHei", "宋体"; color:#FFF; }


#Frame_Show ul.B-InList div.keys { background-position:center 100%; }
#Frame_Show ul:hover.B-InList div.keys { background-position:center center; opacity:1; filter:alpha(opacity=100); }
#Frame_Show ul:hover.B-InList li { opacity:1; filter:alpha(opacity=100); }


#Frame_Show ul.B-InList img,#Frame_Show ul:hover.B-InList img,#Frame_Show ul.B-Intop div.keys,#Frame_Show ul:hover.B-InList div.keys
{ -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; }

#Frame_Show ul.B-InList li,#Frame_Show ul:hover.B-InList li
{ -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; }



/*分类分层样式*/
#TypeDiv_Two div { width:48.5%; height:35px; float:left; margin:1% auto 0 1%; }
#TypeDiv_Tre div { width:32.8%; height:35px; float:left; margin:0.4% auto 0 0.4%; }
#TypeDiv_Two div a,#TypeDiv_Tre div a { font:normal normal 11.5pt/35px "Microsoft YaHei", "宋体"; color:#FFF; }


#Body_Videos { width:80%; height:0; padding-bottom:75%; margin:18px 10%; position:relative; }
#Body_Videos div.Videos,#Body_Videos iframe,#Body_Videos object,#Body_Videos embed { width:100%; max-width:720px; height:100%; max-height:500px; }