div+css网站
热门豆列
-
共65部影片 来自= 菩提风花
-
共65部影片 来自= 菩提风花
-
共65部影片 来自= 菩提风花
-
共65部影片 来自= 菩提风花
-
共65部影片 来自= 菩提风花
-
共65部影片 来自= 菩提风花
-
共65部影片 来自= 菩提风花
-
共65部影片 来自= 菩提风花
-
-
.....
/common.css/
@charset "utf-8";
/*css重置*/
body,div,dl,dt,ui,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
ul{list-style:none;}
*.cf{zoom:1; padding:0;}
/*公用样式*/
body{font-family:Helvetica,Arial,sans-serif;font-size:12px;color:#121212;line-height:20px;}
a{color:#3576AB;text-decoration: none;}
a:hover{color:#3576AB; text-decoration:none;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.w950{width:950px; margin:0 auto;}
.borderbom{border-bottom:1px solid #EAEAEA;}
input,label{vertical-align:middle;}
/*主体内容最外层样式*/
#bd{padding:40px 0 0;}
/*主要内容和侧栏样式*/
#bd .con{width:590px; overflow:hidden;}
#bd .side{width:310px;overflow:hidden;}
/*页面广告公共样式*/
#bd .ad{margin:0 0 10px;}
#bd .ad img{display:block;}
/*每个版块的头部内容的公共样式*/
.hd{height:50px;line-height:50px;}
.hd h2{font-size:14px; font-weight:normal;}
.hd span{margin:0 0 0 15px;}
.hd span a{margin:0 15px 0 0; font-size:12px;}
.hd span a:hover{color:#fff;background-color:#8fc1e9;}
/*每个版块的主要内容的公共样式*/
.bd{position: relative;padding:18px 0;height: auto;overflow: hidden;}
/*网站中评分星星的样式*/
.star{background:url(../img/midstars.gif) no-repeat 0 0; display:inline-block;
*zoom:1;*display:inline; width:55px;height:11px;overflow:hidden;margin:0 5px;}
.star10{background-position:0 0;}
.star9{background-position:0 -11px;}
.star8{background-position:0 -22px;}
.star7{background-position:0 -33px;}
.star6{background-position:0 -44px;}
.star5{background-position:0 -55px;}
.star4{background-position:0 -66px;}
.star3{background-position:0 -77px;}
.star2{background-position:0 -88px;}
.star1{background-position:0 -99px;}
.star0{background-position:0 -110px;}
.bigstar{background:url() no-repeat 0 0; display:inline-block;
*zoom:1;*display:inline; width:75px;height:14px;overflow:hidden;margin:0 5px;}
.bigstar10{background-position:0 0;}
.bigstar9{background-position:0 -14px;}
.bigstar8{background-position:0 -28px;}
.bigstar7{background-position:0 -42px;}
.bigstar6{background-position:0 -56px;}
.bigstar5{background-position:0 -70px;}
.bigstar4{background-position:0 -84px;}
.bigstar3{background-position:0 -98px;}
.bigstar2{background-position:0 -112px;}
.bigstar1{background-position:0 -136px;}
.bigstar0{background-position:0 -140px;}
.minstar{background:url() no-repeat 0 0; display:inline-block;
*zoom:1;*display:inline; width:45px;height:9px;overflow:hidden;margin:0 5px;}
.minstar5{background-position:0 0;}
.minstar4{background-position:0 -9px;}
.minstar3{background-position:0 -18px;}
.minstar2{background-position:0 -27px;}
.minstar1{background-position:0 -36px;}
.minstar0{background-position:0 -45px;}
/*页面图文列表的公共样式*/
.piclist li{float:left; display:inline;text-align:center;}
.piclist li img{display:block;}
.piclist li h3{font-weight:normal;margin:12px 0 10px; font-size:12px;}
.piclist li .score{color:#F54D06; text-align:center;}
.pic-text li{float:left;}
.pic-text li img{float:left; display:inline;margin:0 10px 0 0;}
.pic-text li h3{font-size:14px; margin:0 0 10px;font-weight:normal;}
.pic-text li .score{color:#666;}
/*播放器按钮样式*/
.play{background:url(../img/play_btn.png) no-repeat 50% 50%;}
/head.css/
@charset "utf-8";
/*head*/
#hd{background-color:#EFF2F5;}
#hd .nav{background-color:#535751;height:28px; line-height:28px;}
#hd .nav a{color:#D6D6D4; margin:0 10px;}
#hd .nav a:hover{color:#fff;}
#hd .logo-search{border-bottom:1px solid #E3EBEC; padding:20px 0;}
#hd .logo-search h1{background:url(../img/lg_movie_a12_2.png) no-repeat left top; width:115px; height:27px; overflow:hidden;float:left;margin:0 42px 0 0;}
#hd .logo-search h1 a{display:block;width:100%;height:100%;text-indent:-999em;}
#hd .logo-search input{border:0;}
#hd .logo-search .searchBox{background:url(../img/nav_mv_bg.png) no-repeat left top; width:470px;height:31px;line-height:30px;padding:0 10px 2px; font-size:12px; color:#BABABA;}
#hd .logo-search .searchBtn{background:url(../img/nav_mv_bg.png) no-repeat 0 -40px;width:37px;height:33px;text-indent:-999em;cursor:pointer; margin-left:-2px;}
#hd .sub-nav{height:38px;line-height:38px;}
#hd .sub-nav a{margin:0 18px 0 0; padding:11px 18px;}
#hd .sub-nav a:hover{color:#fff; background-color:#00a0e9;}
#bd{padding:40px 0 0;}
#bd .list .bd{padding:5px;}
/*底部样式*/
#ft{float:left;color:#999; padding:0 0 30px; margin-left:470px;line-height:30px; border-top:1px dashed #ddd; font-family:Arial;}
#ft .fleft{float:left;}
#ft a{margin:0 5px;}
/*content.css*/
@charset "utf-8";
/*选票购座*/
.buyBtn{background:url(../img/buyBtn.gif) no-repeat 0 0; width:90px;height:24px; border:0;color:#fff; font-size:12px;text-align:center; line-height:24px;margin:10px 0 0 ;cursor:pointer; background-color:#00a0e9;}
/*正在热映中的滚动按钮样式*/
.now .scroll-btn{width:100px; height:18px; line-height:18px;overflow:hidden;margin:20px 0 0;}
.now .scroll-btn a{float:right;background:url(../img/slide_swithc_2.png) no-repeat left top;width:18px;height:18px;margin:0 0 0 5px;text-indent:-999em;}
.now .scroll-btn .prev{background-position:0 0;}
.now .scroll-btn .prev:hover{background-position:0 -18px;}
.now .scroll-btn .next{background-position:-18px 0;}
.now .scroll-btn .next:hover{background-position:-18px -18px;}
.now .scroll-btn .num{float:right;margin:0 10px 0 0;color:#666; }
/*正在热映视频海报样式*/
.now .piclist{width:700px;text-align:center; }
.now .piclist li{margin:0 24px 0 0;width:128px;}
.now .piclist li img{width:128px;height:180px;}
.now .piclist li h3{font-size:14px;}
.now .piclist li h3 a{color:#333;}
/*近期热门视频海报样式*/
.hot .piclist{width:700px;}
.hot .piclist li{margin:0 24px 0 0; width:128px;}
.hot .piclist li img{width:128px; height:148px;}
/*热门豆列版块中用户评论列表样式*/
.user .pic-text li{width:250px;margin:0 0 20px 0; line-height:24px;}
.user .pic-text li h3,pic-text li p{margin:0 0 0 60px;}
.user .pic-text li p{color:#666;}
/*最受欢迎的影评样式*/
.comment .bd{padding-top:0}
.comment .pic-text li{padding:25px 0;}
/*影院搜索版块样式*/
.search-cinema{position:relative;float:left;background-color:#F5F3D2; padding:12px; margin:0;}
.search-cinema .like-select{width:67px;margin:0 5px 0 0; color:#666; line-height:24px;}
.search-cinema .like-select .city{width:60px; height:24px; background:url(../img/city_select_arrow.png) no-repeat 50px center #fff;border:1px solid #E0E0E0; padding:0 0 0 5px;cursor:pointer;}
.search-cinema .like-select ul{padding:0 5px; background-color:#fff;border:1px solid #E0E0E0;width:55px;display:none;}
.search-cinema .search{float:left;border:1px solid #E0E0E0;width:212px; height:24px;background-color:#fff;}
.search-cinema .search .searchBox{border:0;font-size:12px;color:#BFBFBF; width:170px; height:22px;line-height:22px;padding:0 5px;}
.search-cinema .search .searchBtn{border:0;text-indent:-999em; background:url(../img/focus_search.png) -12px 0;width:12px;height:12px;cursor:pointer; }
/*每个关键词所在的li标签的样式*/
.class,.list,.top,.contact{position: relative;float: left;}
.class ul li{float:left;line-height:28px; padding:0 10px;}
.class ul li:hover{background-color:#ccc;color:#fff;}
/*本周口碑榜样式*/
.list{width:310px;}
.list ul li{border-bottom:1px solid #EAEAEA; height:33px; line-height:33px;}
.list ul li span{display:inline-block;*zoom:1;*display:inline;width:20px;text-align:center;}
/*豆瓣视频TOP250版块样式*/
.top .piclist{width:700px;}
.top .piclist li{margin:0 11px 0 0; width:68px;}
.top .piclist li img{width:68px;height:98px;}
/*合作联系板块样式*/
.contact{line-height:24px;}
.contact .client{background:url(../img/client_bg.gif) no-repeat 0 0; width:290px;height:40px;padding:15px 10px;margin:30px 0 0;}
.contact .client h3{font-size:16px;margin:0 0 0 60px;}
.contact .client h3 a{color:#214E92;}
.contact .client p{color:#4D4D4D; margin:0 0 0 60px;}
/*视频信息评分样式*/
.intro-star h2{color:#494949; font-size:25px;line-height:36px;}
.intro-star h2 span{color:#888;}
.intro-star .cover{width:310px;}
.intro-star .cover img{float:left;}
.intro-star .cover ul{margin:0 0 0 112px;color:#666;}
.intro-star .cover ui li span{color:#111;}
.intro-star .film-star{width:150px;}
.intro-star .film-star .total{font-size:14px;color:#F54D06;}
.intro-star .film-star ul li{font-size:10px;height:14px; line-height:14px;margin:0 0 4px 0;}
.intro-star .film-star ul .scale{background:#F5CBAD; display:inline-block;*zoom:1;*display:inline;height:14px;margin:0 3px 0 0;}
.intro-star .film-star .num{margin:10px 0 5px 5px;}
/*视频评分/写评论样式*/
.mystar{margin:25px 0 0;}
.mystar .recommend{width:40px;height:19px;text-align:center;line-height:19px;float:right; background:#F2F8F2; border:1px solid #E3F1ED;}
.mystar .recommend a{color:#4F946E;}
.mystar .op1 a{background:url(../img/btn.gif) no-repeat 0 center; display:inline-block;*zoom:1;*display:inline;width:49px;height:22px;line-height:21px;margin:0 10px 0 0; text-align:center;color:#000;}
.mystar .op1 .givestar{vertical-align:middle;}
.graystar{background:url(../img/nst.gif) no-repeat 0 center;display:inline-block;*zoom:1;*display:inline;width:15px;height:15px;vertical-align:middle;cursor:pointer;}
.mystar .op2{margin:5px 0 30px 0;}
.mystar .op2 a{margin:0 10px 0 0;padding:0 0 0 17px;}
.mystar .op2 .brief{background:url(../img/short-comment.gif) no-repeat 0 50%;}
.mystar .op2 .long{background:url(../img/add-review.gif) no-repeat 0 50%;}
.mystar .op2 .share{background:url(../img/a1.png) no-repeat 100% 50%;padding:0 10px 0 0;}
/*剧情简介样式*/
.synopsis h3{font-weight:normal;color:#007722;font-size:15px;}
.synopsis .bd{padding:5px 0 30px;}
.synopsis .bd p{text-indent:2em}
/*预告片和图片的样式*/
.pic h3{font-weight:normal; color:#007722;font-size:15px;}
.pic h3 span{font-size:12px;color:#666;}
.pic h3 span a{margin:0 5px;}
.pic .bd{padding:5px 0 30px;}
.pic .bd p{text-indent:2em;}
.pic .bd .piclist li{position:relative;margin:0 2px 0 0;}
.pic .bd .piclist .play{width:178px;height:100px;position:absolute;top:0;left:0;cursor:pointer;}
/*短评的样式*/
.filmbrief h3{font-weight:normal;color:#007722;font-size:15px;}
.filmbrief h3 .isay{height:26px;text-align:center;line-height:26px;background:#FAE9DA;color:#CA6445;padding:0 10px;font-size:12px;}
.filmbrief h3 span{font-size:12px;color:#666;}
.filmbrief h3 span a{margin:0 5px;}
.filmbrief .bd{padding:5px 0 30px;}
.filmbrief .bd dl{margin:0 0 8px 0;}
.filmbrief .bd dd,.filmbrief .bd dt{border-bottom:1px dashed #ddd;padding:8px 0;}
.filmbrief .name em{color:#666;}
/*影评样式*/
.filmlong h3{font-weight:normal;color:#007722;font-size:15px;}
.filmlong h3 .isay{height:26px;text-align:center;line-height:26px;background:#FAE9DA;color:#CA6445;padding:0 10px; font-size:12px;}
.filmlong h3 span{font-size:12px;color:#666;}
.filmlong h3 span a{margin:0 5px;}
.filmlong .bd{padding:10px 0 30px;}
.filmlong .bd .comm dt{background:#F0F3F5;height:36px;line-height:36px;}
.filmlong .bd .comm dt img{float:left;margin:0 15px 0 0;display:inline;}
.filmlong .bd .comm dt h3{background:url(../img/review-expand.png) no-repeat right center;margin:0 20px 0 0;}
.filmlong .bd .comm .dd{padding:10px 0 0;}
.filmlong .name .em{color:#666;margin:0 0 0 5px;}
.filmlong .ope{padding:10px 0 20px;color:#666;}
.filmlong .ope a{margin:0 0 0 2px;}
/*选票购座样式*/
.buy{background:#F0F3F5;padding:20px 0 10px;margin:0 0 40px 0;}
.buy a{display:block;background:#268DCD;color:#fff;width:160px;height:30px;line-height:30px;text-align:center;margin:0 auto;}
.buy p{text-align:center;color:#999;line-height:30px;}
最受欢迎的影评更多热门影评
"情怀肥大症"的病理分析
《我是歌手》第二季第一场,韩磊夺冠,韦唯第二,曹格邓紫棋分居第五第六,于是网友开战了, 一方为曹格叫屈,一方说韩磊就是好来就是好。六零后的韩与九零后的邓,到底哪个更好? 二者仅仅是风格之别无从比较,还是说风格归风格,艺术上的高低总是.....(全文)
"情怀肥大症"的病理分析
《我是歌手》第二季第一场,韩磊夺冠,韦唯第二,曹格邓紫棋分居第五第六,于是网友开战了, 一方为曹格叫屈,一方说韩磊就是好来就是好。六零后的韩与九零后的邓,到底哪个更好? 二者仅仅是风格之别无从比较,还是说风格归风格,艺术上的高低总是.....(全文)