body,h1,h2,h3,h4,h5,h6,hr,p,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body {font-family: arial, helvetica, sans-serif,'宋体';font-size: 12px;color: #333;text-align: center;background: #fff url(http://www.yugaopian.com/images/bg_main.gif) repeat-x 0 100px;}
div { text-align: left;}
img{ border: 0;}
a{text-decoration: none;color: #0099cc;}
a:hover{text-decoration: underline;color: #f60;}
.more,.date{margin:0 5px;font-size: 12px;font-weight:normal;color: #666;}
.right{float:right;margin:0 10px 0 0;font-family: arial, helvetica, sans-serif;font-size: 12px;}
ul,ol{ list-style-type:none;}
form p{margin: 15px 0px;clear:both;}
label{display:block;float:left;margin: 0 10px 0 0;width:100px;font-weight:bold;color: #0099cc;text-align:right;}
hr{margin:0 50px;border:0;height:0;border-top:1px dashed #0099cc;background: #fff;}
table {border: 0;border-collapse:collapse;}
table tr td {vertical-align: top;}
.clear{clear:both;height:0;overflow:hidden;}
.info{padding: 0 0 10px 0;text-align: center;font-size: 12px;color: #999;}
 p{margin:  5px 0;line-height: 200%;}
/*icon*/
.icon_new{padding: 0 0 0 15px;background: url(http://www.yugaopian.com/images/icon/li.gif) no-repeat 3px 5px ;}
.icon_mov{padding: 0 0 0 15px;background: url(http://www.yugaopian.com/images/icon/mov.gif) no-repeat 0 1px ;}
.icon_tv{padding: 0 0 0 20px;background: url(http://www.yugaopian.com/images/icon/tv.gif) no-repeat 0 1px ;}
.icon_link{padding: 0 0 0 20px;background: url(http://www.yugaopian.com/images/icon/link.gif) no-repeat 0 1px ;}
.icon_play{padding: 0 0 0 20px;margin: 0 5px 0 0; background: url(http://www.yugaopian.com/images/icon/play.gif) no-repeat 0 1px ;}
.icon_comment{padding: 0 0 0 18px;background: url(http://www.yugaopian.com/images/icon/icon_14.gif) no-repeat left -56px ;}
.icon_dl{padding: 0 0 0 20px;margin: 0 5px 0 0;background: url(http://www.yugaopian.com/images/icon/dl.gif) no-repeat 0px 1px ;}
.icon_quicktime{padding: 0 0 0 20px;margin: 0 10px 0 0;background: url(http://www.yugaopian.com/images/icon/quicktime.gif) no-repeat 0 1px ;}
.icon_flash{padding: 0 0 0 20px;margin: 0 10px 0 0;background: url(http://www.yugaopian.com/images/icon/flash.gif) no-repeat 0 1px ;}
.icon_flv{padding: 0 0 0 20px;margin: 0 10px 0 0;background: url(http://www.yugaopian.com/images/icon/flv.gif) no-repeat 0 1px ;}
.icon_bigplayer{padding: 0 0 0 16px;margin:0 5px 0 0;background: url(http://www.yugaopian.com/images/icon/bigplayer.gif) no-repeat 0 1px ;}
.icon_report{padding: 0 0 0 16px;margin:0 5px 0 0;background: url(http://www.yugaopian.com/images/icon/report.gif) no-repeat 0 1px ;}
.icon_baidu{padding: 0 0 0 14px;margin:0 5px 0 0;background: url(http://www.yugaopian.com/images/icon/baidu.gif) no-repeat 0 0px ;}
.icon_del{padding: 0 0 0 18px;margin:0 5px 0 0;background: url(http://www.yugaopian.com/images/icon/del.gif) no-repeat left center ;}

.icon_share{ margin:0 2px 0 0;}
.icon_share img{ width:14px;height:14px;}
.newscontent .icon_share img{ margin:0;padding:0;border:0}

.icon_fav{padding: 0 0 0 18px;margin:0 5px 0 0;background: url(http://www.yugaopian.com/images/icon/icon_14.gif) no-repeat left -28px ;}
.icon_unfav{padding: 0 0 0 18px;margin:0 5px 0 0;background: url(http://www.yugaopian.com/images/icon/icon_14.gif) no-repeat left -42px ;}
a.icon_unfav:hover{background: url(http://www.yugaopian.com/images/icon/icon_14.gif) no-repeat left -28px ;}

.icon_star{padding: 0 0 0 18px;margin:0 5px 0 0;background: url(http://www.yugaopian.com/images/icon/icon_14.gif) no-repeat left 0 ;}
.icon_unstar{padding: 0 0 0 18px;margin:0 5px 0 0;background: url(http://www.yugaopian.com/images/icon/icon_14.gif) no-repeat left -14px ;}
a.icon_unstar:hover{background: url(http://www.yugaopian.com/images/icon/icon_14.gif) no-repeat left 0 ;}

/*布局*/
.centerbox{margin: 0px auto;width: 960px;}
#header {height:75px;background: #333 url(http://www.yugaopian.com/images/bg_header.jpg) center bottom no-repeat;}
#header #logo {float:left;margin: 15px 0 0 0;width:170px;height:50px;background: url(http://www.yugaopian.com/images/logo.gif);}
#header #logo a{display:block;text-indent:-9000px;height:100%;width:100%;}
#header #nav{float:left;padding: 6px 0 0 0;margin: 45px 0 0 50px;width:450px;font-size:12px;}
#header #nav li{margin: 0 10px;float:left;height: 20px;}
#header #nav li a{display: block;text-indent: -9000px;color:#ccc;height: 17px;background: url(http://www.yugaopian.com/images/nav.gif) no-repeat;}
#header #nav li a:hover{color:#fff;}
#header #nav li.nav_home a{width: 30px;background-position:  0 0 ;}
#header #nav li.nav_home a:hover{background-position: 0 -17px ;}
#header #nav li.nav_trailer a{width: 50px;background-position:  -100px 0;}
#header #nav li.nav_trailer a:hover{background-position: -100px -17px ;}
#header #nav li.nav_poster a{width: 65px;background-position:  -200px 0 ;}
#header #nav li.nav_poster a:hover{background-position: -200px -17px ;}
#header #nav li.nav_news a{width: 80px;background-position:  -300px 0 ;}
#header #nav li.nav_news a:hover{background-position: -300px -17px ;}
#header #nav li.nav_group a{width: 30px;background-position:  -400px 0 ;}
#header #nav li.nav_group a:hover{background-position: -400px -17px ;}
#header #nav li.nav_yx a{width: 30px;background-position:  -500px 0 ;}
#header #nav li.nav_yx a:hover{background-position: -500px -17px ;}

#header #nav li ul.navlist{padding: 5px 0;margin: 0;display:none;position : absolute ;top:70px;width: 80px;background:  #333;z-index:999;border:1px solid #000;border-top:2px solid #000;border-bottom:3px solid #000;}
#header #nav li ul.navlist li{padding: 0;margin: 0;height:25px;line-height: 25px;float:none;}
#header #nav li ul.navlist li a{width: auto ;height:100%;text-indent: 0px;color:#ccc;background: none;text-align: center;}
#header #nav li ul.navlist li a:hover{color:#fff;background: #666 ;text-decoration: none;}

#header #searchbox{float:right;margin: 50px 10px 0 0;width:230px;}
#header #searchbox input#keyword{
float:left;
padding: 2px 4px;
width:162px;
font-size:12px;
height:18px;
line-height: 18px;
color:#fff;
border:0;
background: url(http://www.yugaopian.com/images/bg_searchbox.gif) no-repeat top left ;
}
#header #searchbox input#submit{
margin:1px 0 0;
float:right;
width:50px;
height:20px;
text-indent: -9000px;
border:0;
background: url(http://www.yugaopian.com/images/bg_submit.gif) no-repeat top left ;
}

#subnav{clear:both;height: 25px;line-height: 25px;color:#666;background:  #fff url(http://www.yugaopian.com/images/bg_subnav.gif);}
#mbox{float:right;text-align: right;}
#mbox a{margin: 0 5px;color:#333;}
#subnav ul {float:left;margin: 0px auto;font-size:12px;}
#subnav li{float:left;}
#subnav li a {float:left;display:block;padding: 0 3px;height: 25px;color:#333;}
#subnav li a.active,#subnav li a:hover {text-decoration: none;background:#ccc;}

.banner{clear:both;margin: 10px 0 0 0;height:230px;}
.banner_left{float:left;width: 610px;}
.banner_right{float:right;width: 330px;}
.indexplayer{margin: 0 0 10px 0;line-height: 200%;text-align:center;}
.main_top {clear:both;margin: 10px 0 0 0;height:10px;line-height: 10px;background: url(http://www.yugaopian.com/images/main_top.gif) no-repeat top ;}
.main {background: #fff;}
.columnleft{float:left;margin: 0 0 0 10px!important;margin: 0 0 0 5px;width: 610px;}
.columnright{float:right;margin: 0 10px 0 0!important;margin: 0 5px 0 0;width: 310px;}
.columnright label{margin: 0 10px 0 0;width:80px;}
.columnright_wide{padding:10px;}
.box{margin: 0 0 15px 0;background: #fff;}
.adbox{padding: 5px;background: #f5f5f5;}
.bl{float:left;width: 300px;}
.br{float:right;width: 300px;}
.columnright .bl{width: 150px;}
.columnright .br{width: 150px;}

h1{height:30px;line-height: 30px;font-size:14px;color:#666;font-weight:normal;background: url(http://www.yugaopian.com/images/dot_ccc.gif) repeat-x bottom;}
h1 a.n{float:left;margin: 0 10px;padding: 0 20px;height:30px;color:#666;}
h1 a.s{color:#0099cc;background: url(http://www.yugaopian.com/images/bg_h1.gif) repeat-x left;}

h2{padding:0 0 0 5px;text-align:left;color:#666;height:29px;line-height: 29px;font-size:14px;border-bottom:1px solid #ccc;}
h2 span{font-weight:normal}

h3{color:#0099cc;font-size:14px;padding: 10px 10px 5px 10px;}

ul.list{padding: 5px 10px;line-height: 200%;}
ul.list li{padding: 2px 0;border-bottom:1px dashed #ddd;}


ul.index_item,ul.youkuvideo{margin: 10px 5px}
ul.index_item li{
float:left;
margin: 0 5px 10px 5px!important;
margin: 5px 3px;
padding: 5px;
width: 100px;
height:170px;
line-height: 200%;
overflow:hidden;
text-align:center;
background: #fff url(http://www.yugaopian.com/images/bg_movinfo.gif) top repeat-x;
}
ul.index_item li span{white-space: nowrap;}

/*movie movlist*/
#path{clear:both;padding: 0 20px;width: 920px;height:25px;line-height: 25px;background: url(http://www.yugaopian.com/images/bg_path.gif) bottom no-repeat;}
#path .right{margin: 5px 0 0 0;}

.moviename{clear:both;margin:10px 0 0 0;font-size:25px;font-weight: bold;color:#666;min-height:40px;line-height: 40px;background:none}
.movinfo{padding: 5px;height: 150px;line-height: 200%;}
.movpic{float:left;width:100px;height:150px;text-align:center;}
.movdetail{margin: 0 0 0 110px;}

#movlist .movinfo{
float:left;
margin: 5px;
padding: 10px 0px 10px 10px;
width:280px;
height:150px;
color: #666;
border:1px solid #eee;
background: #fff url(http://www.yugaopian.com/images/bg_movinfo.gif) top repeat-x;
}

.rightpanel{float:right;margin: 0 10px 0 0;padding:0 0 0 10px;width:150px;border-left:1px dashed #ccc;}
.ratevalue{color:#0099ff;font-weight:bold;font-size:12px;margin: 0 0 0 5px;}
.show_star{display:inline-block;height:16px;width:16px;background: url(http://static.yugaopian.cn/jquery.rater/star_small.gif) repeat-x 0 -32px;}
.disable_star{display:inline-block;height:16px;width:80px;background: url(http://static.yugaopian.cn/jquery.rater/star_small.gif) repeat-x 0 0;}
.btn{display:inline-block;margin: 2px 5px;padding: 0 10px;height:20px;line-height: 20px;color:#fff;border:1px solid #00ccff;background: #0099ff url(http://www.yugaopian.com/images/btn_blue.gif) repeat-x;}
a.btn:hover{color:#fff;}
.btn_blue{border:1px solid #00ccff;background: #00ccff url(http://www.yugaopian.com/images/btn_blue.gif) repeat-x;}
.btn_orange{border:1px solid #ff9900; background: #ff9900 url(http://www.yugaopian.com/images/btn_orange.gif) repeat-x;}
.btn_gray{border:1px solid #999; background: #999 url(http://www.yugaopian.com/images/btn_gray.gif) repeat-x;}

ul.trailerlist,ul.stationlist{padding: 5px 10px;line-height: 200%;}
 dl{margin: 10px 20px;padding: 0 0 5px 0;border-top:1px solid #ddd;}
 dt{font-weight:bold;background: #f5f5f5;padding: 0 0 0 10px;}
 dt span{font-weight:normal;}
 dd{margin: 0 0 0 20px;}
 dd a{margin: 0 3px}
.caption{padding: 0 1px;margin:0 0 0 2px;color:#fff;background: #09c;font-size:9px;}
.boxcontent{clear:both;margin: 10px;line-height:200%;}

ul.youkuvideo li{float:left;margin: 0 10px ;width: 120px;height:120px;overflow:hidden;text-align:center;}
ul.youkuvideo li img{margin: 0 0 5px 0;}
ul.youkuvideo li span{white-space: nowrap;}
/*show*/
#movieplayer{height:375px;}
#playertools{height:25px;line-height: 25px;text-align:center;}
.htmlcode{
margin: 0 0 10px 0;
padding: 0 0 0 50px;
width:250px;
height:20px;
line-height:20px;
font-family: arial;
font-size:10px;
color:#666;
overflow:hidden;
border:0;white-space: nowrap;
background: #fff url(http://www.yugaopian.com/images/bg_htmlcode.gif) no-repeat;
}
.flashcode{background: #fff url(http://www.yugaopian.com/images/bg_flashcode.gif) no-repeat;}

/*news*/
ul.newslist{margin:0 10px;}
ul.newslist li {margin: 10px 0;padding: 10px 0;border-bottom:1px dashed #ccc;}
ul.newslist h3{font-size:14px;padding: 0 0 5px 0;text-align:left;}
ul.newslist .info{text-align: left;margin:0;padding:0}
ul.newslist img{float:right;width:100px;max-height:150px;margin: 0 0 0 10px;padding: 5px;border:1px solid #ccc;}
ul.newslist p{line-height: 200%;margin:5px 0;}

#newscontent{font-size:13px;line-height:200%;}
#newscontent p{margin:10px;}
#newscontent .info{text-align: left;margin:0 0 10px 0;padding:0 0 0 10px}
#newscontent img{margin: 5px auto;padding:2px;border:1px solid #ccc;}
.pagenum {margin: 10px;text-align:right;height:25px;}
/*poster*/
ul.poster_item{margin: 10px;}
ul.poster_item li{
float:left;
margin: 5px 4px;
padding: 5px;
width: 100px;
height:165px;
overflow:hidden;
text-align:center;
line-height: 200%;
}
ul.poster_item li img{width: 100px;height:150px;}
ul li.photo_item{margin: 5px;width: 120px;height:105px;}
ul.poster_item li.photo_item img{width: 120px;height:90px;}

.showposter{margin: 10px;padding: 10px;text-align:center;background:  #f5f5f5;}

.nextpic{display:block;float:right;border:1px solid #ccc;}
.prepic{display:block;float:left;border:1px solid #ccc;}

/*people*/
form#mainform{}
form#mainform input#submit{margin: 0 0 0 100px;}
.columnright form#mainform input#submit{margin: 0 0 0 90px;}

#pworld{height:50px;background: #eee;}

.pheadimg{float:left;width:48px;height:48px;text-align:center;}
.pdetail{margin: 0 0 0 55px;line-height: 200%;color:#666;}

ul.pbox{margin:5px;}
ul.pbox li{float:left;padding:5px;width:140px;border-bottom:1px dashed #ccc;}
/*group*/
ul.topicitem{margin: 10px;}
ul.topicitem li{clear:both;padding:10px;border-bottom:1px dashed #ccc;}
ul.topicitem li p{padding: 0 10px;}
h4{
margin: 0 0 10px 0;
height:25px;
line-height: 25px;
font-size:12px;
color: #333;
font-weight:normal;
background: #f5f5f5;
}
#group .mov{
margin:10px 0 0 110px;
padding: 10px;
width:270px;
border:1px solid #eee;
background: #fff url(http://www.yugaopian.com/images/bg_mov.gif) top repeat-x;
}

table.tlist{margin:10px;width:94%;color:#666;}
table.tlist th{color: #0099cc;text-align:center;background: #f5f5f5;}
table.tlist tr{height:25px;line-height:25px;}
table.tlist td{text-align:center;border-bottom:1px solid #f3f3f3;}
table.tlist td.topic_title{text-align:left;width:300px;padding: 0 0 0 5px;}

/*footer*/
#links{margin: 0 5px;padding: 10px;text-align:center;background: #f5f5f5 ;}
#links a{margin: 0 5px;padding: 0 5px;}
#footer{padding: 10px;line-height: 200%;text-align:center;color:#999;font-size:12px;background:  #333;border-top:1px solid #666;}
#footer a{text-decoration: underline;color: #ccc;}
#footer a:hover{text-decoration: none;}

#footer .footerbox{margin: 10px auto;padding: 20px;text-align:center;}
#footer .copyright{padding: 10px 10px 10px 210px;color:#fff;text-align:left;background: #666 url(http://www.yugaopian.com/images/logo.gif) no-repeat  10px 10px;}

/*#awardsform*/
#awardsform{margin:0 5px;padding: 5px 0;text-align:center;line-height:200%;background:  #f5f5f5;border:1px solid #ccc;}

/*TV schedule*/
.schedule_time{color:#0099cc;}

/**/
.tags{margin: 10px 0 10px;}
.tags li{ float:left;margin:0 5px 5px 0; }
.tags li a,
.tags li a:hover,
.tags li a span,
.tags li a:hover span{ float:left;background:url(http://www.yugaopian.com/images/tagbg.gif) no-repeat; cursor:pointer; text-decoration: none;}

.tags li a{ padding:0 0 0 10px;height:20px;color:#666;overflow:hidden; }
.tags li a span{ padding:5px 10px 5px 0;height:10px;line-height:10px;background-position:100% 0;white-space:nowrap; }

.tags li a:hover{ background-position:0 100%;}
.tags li a:hover span{ background-position:100% 100%; }

.loginbox{background: #fff url(http://www.yugaopian.com/images/bg_movinfo.gif) top repeat-x;}
.loginbox #email,.loginbox #password{width:150px;}
.loginbox #submit{margin: 0 10px 0 0; padding:3px 10px;}


#fancybox-loading{position:fixed;top:50%;left:50%;height:40px;width:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;background:transparent;z-index:1104;display:none}* html #fancybox-loading{/* IE6 */position:absolute;margin-top:0}#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background:transparent url('fancybox/fancy_loading.png') no-repeat}#fancybox-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background:#000;z-index:1100;display:none}* html #fancybox-overlay{/* IE6 */position:absolute;width:100%}#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none}#fancybox-wrap{position:absolute;top:0;left:0;margin:0;padding:20px;z-index:1101;display:none}#fancybox-outer{position:relative;width:100%;height:100%;background:#FFF}#fancybox-inner{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;margin:0;outline:none;overflow:hidden}#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}#fancybox-close{position:absolute;top:-15px;right:-15px;width:32px;height:32px;background:url('fancybox/fancy_close.png') top left no-repeat;cursor:pointer;z-index:1103;display:none}#fancybox_error{color:#444;font:normal 12px/20px Arial}#fancybox-content{height:auto;width:auto;padding:0;margin:0}#fancybox-img{width:100%;height:100%;padding:0;margin:0;border:none;outline:none;line-height:0;vertical-align:top;-ms-interpolation-mode:bicubic}#fancybox-frame{position:relative;width:100%;height:100%;border:none;display:block}#fancybox-title{position:absolute;bottom:0;left:0;font-family:Arial;font-size:12px;z-index:1102}.fancybox-title-inside{padding:10px 0;text-align:center;color:#333}.fancybox-title-outside{padding-top:5px;color:#FFF;text-align:center;font-weight:bold}.fancybox-title-over{color:#FFF;text-align:left}#fancybox-title-over{padding:10px;background:url('fancybox/fancy_title_over.png');display:block}#fancybox-title-wrap{display:inline-block}#fancybox-title-wrap span{height:32px;float:left}#fancybox-title-left{padding-left:15px;background:transparent url('fancybox/fancy_title_left.png') repeat-x}#fancybox-title-main{font-weight:bold;line-height:29px;background:transparent url('fancybox/fancy_title_main.png') repeat-x;color:#FFF}#fancybox-title-right{padding-left:15px;background:transparent url('fancybox/fancy_title_right.png') repeat-x}#fancybox-left,#fancybox-right{position:absolute;bottom:0px;height:100%;width:35%;cursor:pointer;outline:none;background-image:url('fancybox/blank.gif');z-index:1102;display:none}#fancybox-left{left:0px}#fancybox-right{right:0px}#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block}#fancybox-left-ico{background:transparent url('fancybox/fancy_nav_left.png') no-repeat}#fancybox-right-ico{background:transparent url('fancybox/fancy_nav_right.png') no-repeat}#fancybox-left:hover,#fancybox-right:hover{visibility:visible; /* IE6 */}#fancybox-left:hover span{left:20px}#fancybox-right:hover span{left:auto;right:20px}div.fancy-bg{position:absolute;padding:0;margin:0;border:0;z-index:1001}div#fancy-bg-n{top:-20px;left:0;width:100%;height:20px;background:transparent url('fancybox/fancy_shadow_n.png') repeat-x}div#fancy-bg-ne{top:-20px;right:-20px;width:20px;height:20px;background:transparent url('fancybox/fancy_shadow_ne.png') no-repeat}div#fancy-bg-e{top:0;right:-20px;height:100%;width:20px;background:transparent url('fancybox/fancy_shadow_e.png') repeat-y}div#fancy-bg-se{bottom:-20px;right:-20px;width:20px;height:20px;background:transparent url('fancybox/fancy_shadow_se.png') no-repeat}div#fancy-bg-s{bottom:-20px;left:0;width:100%;height:20px;background:transparent url('fancybox/fancy_shadow_s.png') repeat-x}div#fancy-bg-sw{bottom:-20px;left:-20px;width:20px;height:20px;background:transparent url('fancybox/fancy_shadow_sw.png') no-repeat}div#fancy-bg-w{top:0;left:-20px;height:100%;width:20px;background:transparent url('fancybox/fancy_shadow_w.png') repeat-y}div#fancy-bg-nw{top:-20px;left:-20px;width:20px;height:20px;background:transparent url('fancybox/fancy_shadow_nw.png') no-repeat}
