时尚家居布置 16款客厅设计 布置时尚温馨的家庭氛围

在欧美装修中，家庭房和客厅是两个主要的家庭公房空。客厅是家庭交流的场所之一，也是孩子们玩耍的室内场所之一。客厅通常以壁炉为中心，但现在有些家庭也以电视为中心。客厅以温馨的家庭氛围装饰为主，是家庭聚会的舒适空房间。我们收集了16个客厅设计，不同户型，不同风格，看看有没有适合你的。

.g-btn, .galleryList-btn, .mask_btn span, .pop_iv_bg, .contextDiv span{ background:url no-repeat 0 0; display:inline-block }.gallery { width:640px; overflow:hidden; margin:0 auto 20px; position:relative; text-align:center; font-size:14px }#gallerypicWrap { width:100%; position:relative; z-index:1; text-align:center; overflow:hidden; background:#fff url center center no-repeat; height:395px }#gallerypic { background:#000; filter:Alpha; opacity:0}.galleryInfo { position:relative; bottom:0;left:0; text-align:left; z-index:1; width:640px; visibility:hidden }#galleryTxtWrap { line-height:25px; font-size:14px; color:#fff; width:100%; text-align:left; position:absolute;bottom:0; z-index:3;background:url repeat 0 0; _background:none; _filter: progid:DXImageTransform.Microsoft.gradient;}#galleryTxt{ padding:5px 40px 0 11px; font-size:14px; line-height:21px; }#galleryTxt p { padding:0; font-size:14px; height:30px; }.galleryInfo-btn { position:absolute; right:5px; bottom:0; height:25px; width:70px; line-height:25px; z-index:2 }.galleryInfo-btn div { font-size:12px; color:#999; position:absolute; right:0; cursor:pointer }.galleryInfo-btn b { position:absolute; width:0; height:0; top:9px; margin-left:3px; border-width:4px; border-style:solid; font-size:0; line-height:0; border-color:#999 transparent transparent; _width:7px; _height:4px; _border:none; _background:url no-repeat }.gallery-btn-close { width:40px; }.gallery-btn-open { background:#3E3E3E; color:#fff; cursor:pointer; padding:0 5px; display:none }.contextDiv { cursor:pointer; width:50%;height:100%;position:absolute; top:0; z-index:2; background:url no-repeat}.contextDiv span { width:24px; height:43px; position:absolute; top:50%; margin-top:-22px; visibility:hidden}.contextDiv:hover { zoom:1}.contextDiv:hover span { visibility:visible;}#preArrow span { background-position:0 -50px; left:16px }#nextArrow span { background-position:-30px -50px; right:16px }#preArrow { left:0 }#nextArrow { right:0 }#lastCon { position:absolute; background: #fff; height:400px; top:0; left:0; width:100%; z-index:6; display:none }.gallery-AD { margin:0 auto; width:550px; position:absolute; left:38px; _left:20px; top:0; z-index:11}.gallery-AD .l_qq_com { left:0 !important; top:0 !important}.galleryBottom { border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; position:relative; z-index:9 }.galleryList { height:68px; border-top:1px solid #fff; border-bottom:1px solid #fff; background-color:#f2f2f2; padding:5px 0 }.galleryList ul { position:absolute; left:0; top:5px }.galleryList li { width:80px; height:60px; overflow:hidden; float:left; margin:0 3px 0 1px; display:inline; text-align:center; border:3px solid #f2f2f2; padding:1px; background:#f2f2f2 }.galleryList li.hover{ border:3px solid #2d96e9; background:#fff }.galleryList li a { display:block; width:80px;height:60px; overflow:hidden }.galleryList li img { height:60px } .galleryList-btn { position:absolute; top:30px; width:22px; z-index:3; height:22px; filter:Alpha; opacity:0.6; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease }.galleryList-btn:hover { opacity:1; filter:Alpha; color:#379BE9 }.galleryList-btn-l { left:5px; background-position:0 -23px }.galleryList-btn-r { right:3px; background-position:-30px -23px }.galleryTool { position:absolute; top:10px; left:50%; z-index:2; margin-left:-84px; width:166px; height:30px; border-width:1px 0; border-color:#c5b9b6; border-style:solid; visibility:hidden }#Mask_pic_wrap .galleryTool { visibility : visible; top:15px }.galleryTool-wrap { border-width:0 1px; border-color:#c5b9b6; border-style:solid; float:left; position:relative; margin:0 -1px; width:100%; overflow:visible;background:rgba; height:30px; filter: progid:DXImageTransform.Microsoft.gradient 9}.galleryTool-num { float:left; width:60px; padding:0 5px; text-align:right; color:#fff; line-height:30px }.galleryTool-num em { margin:0 2px;color:#fff}.galleryTool-btn { float:left; width:80px; padding:6px 0 0 10px }.galleryTool-btn .g-btn { margin-right:8px }.g-btn { filter:Alpha; opacity:0.7 }.g-btn:hover { filter:Alpha; opacity:1 }.g-btn-left { width:10px; height:20px; background-position:0 0 }.g-btn-right { width:10px; height:20px; background-position:-16px 0 }.g-btn-play { width:20px; height:20px; background:url no-repeat; _background:url no-repeat 0 0 }.g-btn-pause { width:20px; height:20px; background:url no-repeat 3px 1px }/* 模拟右键 */#cmenu { border:1px solid #5EB4D8;background-color:#F6F9FD;padding:2px;}#cmenu ul,#cmenu li { list-style:none; margin:0px; padding:0px; text-align:center; font-size:12px; cursor:pointer }#cmenu .item { list-style:none; margin:0px; padding:0px; height:23px; line-height:23px; display:block; padding:0px }#cmenu .itemOver { background-color:#68B5EA; color:#fff; cursor:default }/* 末页推荐——内容 */.endMain { width:564px; margin:0 auto; text-align: left; line-height: 18px }.endMain .title { padding-bottom:8px; text-align: left; } .endMain h2 { font-size:14px; line-height:26px; color:#44a2ea; font-family: "微软雅黑", 'Microsoft YaHei', 'STHeiti' }.endMain ul { width: 600px }.endMain li { float:left; width:126px; height:126px; font-size:12px; margin-right: 15px }.endMain li img { background:url right top no-repeat; padding-right:6px; width:120px }.endMain li a { color:#000 }.endMain li .lastImg { display:block; height:75px;width:126px; overflow:hidden; margin-bottom:5px }/* 末页推荐——按钮 */.endBtn { border-top:1px dotted #dbdbdb; padding-top: 20px; text-align:center }.endBtn a { width:112px; height:34px; margin: 0 20px; font-family: "Microsoft YaHei"; line-height:34px; font-size:14px; display:inline-block; background:url no-repeat 0 0 }.endBtn a:hover { text-decoration: none }.endBtn .btnReplay { background-position:0 -254px; padding-left:40px; width:82px; color:#575757; text-align: left;}.endBtn .btnReplay:hover { background-position:0 -295px; color:#575757 }.endBtn .btnEnter { background-position:-189px -304px; text-align:center; color:#fff }.endBtn .btnEnter:hover { background-position:-189px -345px; color:#fff }/* Floating layer */#MyMaskWrap { position: absolute; width:100%; height:100%; z-index: 1000; top: 0; left: 0; background: #000; overflow: hidden; font-size:14px }#MyMaskCon { position: absolute; width:100%; height:100%; z-index: 1001; left: 0; top: 0; overflow: hidden; font-family:"simSun" }#MyMaskCon a { outline:0 }/*.pop_iv_bg { position:absolute; right:-35px; top:0; width:32px; height:32px; overflow:hidden; cursor:pointer; background:url; line-height:99em; z-index:9;_background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader }.pop_iv_bg:hover { background:url;_background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader}*/.pop_iv_bg { position:absolute; right:20px; top:20px; width:54px; height:54px; overflow:hidden; cursor:pointer; background-position:0 -294px; line-height:99em; z-index:9;_background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader }.pop_iv_bg:hover { background:url no-repeat 0 0}#Mask_pic_wrap { margin:0 auto; position:absolute; z-index:3; background:url center center no-repeat }#Mask_picture { border:9px solid #fff; overflow:hidden }#Mask_pic_wrap a { overflow:hidden }#Mask_pic_wrap .mask_cur{ position:absolute; width:50%; height:100%; margin-top:-39px; top:0; background:#fff; filter:Alpha; opacity:0 }#Mask_pic_wrap .mask_cur_prev { left:0; cursor: url, auto }#Mask_pic_wrap .mask_cur_next { right:0; cursor: url, auto }#Mask_pic_wrap .mask_zoom{ position:absolute; bottom:39px; right:8px; width:31px; height:31px; background:url; _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader }#Mask_pic_wrap .mask_zoom:hover{ background:url;_background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader}.Mask_Info { color:#fff; width: 800px;font-size:14px; position:absolute; left:50%; margin-left:-400px }.Mask_Info p { text-indent:2em; line-height:25px; font-size:14px }.txtC, .txtC p { text-align:center }.Mask_hd { height:37px; line-height:37px}.Mask_hd h3 { font-size:18px; color:#484848; float:left }.mask_btn { width:50%; height:100%; overflow:visible; position:absolute; z-index:2; outline:none }.mask_btn:hover { background:none }.mask_btn span{ height:93px; position:relative; width:47px; position:absolute; top:50%; margin:-47px 0 0 0; cursor:pointer }.mask_btn_prev { text-align:left; left:0} .mask_btn_prev span{ left:5%; background-position:0 -98px; _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader }.mask_btn_prev:hover span{ _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader }.mask_btn_next { text-align:right; right:0 }.mask_btn_next span{ right:5%; background-position:0 -196px; _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader }#Mask_Loading { position: absolute; z-index: 1 }.mask_btn_next:hover span{ _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader }#Mask_Loading { position: absolute; z-index: 1 }#Mask_Error { position: absolute; z-index: 2 }#Mask_perHint {position: absolute; z-index: 3; width: 62px; height: 28px; text-align: center; font: bold 13px/28px Tahoma; color: #fff; background:url; cursor: default}#Mask_Hint {position: absolute; z-index: 3; height: 25px; bottom:53px; width:100%; color: #fff; font: 12px/25px Tahoma, "simSun"; text-align: center}#Mask_Bottom {position: absolute; z-index: 4; width:100%; bottom:0; left:0; overflow:hidden; height:29px }#Mask_Count { width:100%; text-align:center; z-index:3; height:27px; border-bottom:2px solid #232323; color:#fff; font-size:12px}#Mask_Count span { display:inline-block; background:url no-repeat; width:82px; height:29px }#Mask_Count em { margin:0 5px; font-family:Tahoma; text-shadow:1px 1px 1px #494949 }.num_Cur { font-size:18px; color:#0a96d0 }#Mask_Items { height:77px; background-color:#000; overflow:hidden; padding:11px 0 0; position:relative }#Mask_List { overflow:hidden; margin:0 auto; position:relative; height:77px }#Mask_List ul { position:absolute; top:0; left:0 }#Mask_Items li {float: left; width: 80px; height:60px; display:inline; margin:0 2px 0; cursor: pointer; border:3px solid #000; padding:1px; background:#000; opacity:0.6 }#Mask_Items li.hover { border:3px solid #0a96d0; padding:1px; background:#fff } #Mask_Items li:hover { opacity:1 }#Mask_Items li a { display:block; width: 80px; height:60px; overflow:hidden; text-align:center }#Mask_Items img { height: 60px }.Mask_Items_btn { position:absolute; top:24px; width:26px; height:41px }.Mask_Items_btnL { left:13px; background:url no-repeat;_background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader }.Mask_Items_btnL:hover { left:13px; background:url no-repeat;_background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader }.Mask_Items_btnR { right:13px; background:url no-repeat;_background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader }.Mask_Items_btnR:hover { right:13px; background:url no-repeat;_background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader }.mask-last-photo { width:530px; height:320px; background:#fff; position:absolute; left:24px; top:14px; z-index:999 }.mask-last-photo .hd { border-bottom:1px solid #e6e6e6 }.m-picList { padding-left:183px; position:relative; height:115px; text-align:center }.m-picList-pic { position:absolute; left:0; top:0 }.m-picList-pic a { width:155px; height:100px; display:block; text-align:center; overflow:hidden }.m-picList-pic a img { height:100px }.m-picList-title { font-size:14px; font-weight:bold; text-align:left }.m-picList-title a { color:#093c8b }.m-picList-btn { margin-top:24px }.m-picList-btn a { display:inline-block; line-height:28px; margin-right:6px; padding-right:20px; background:url no-repeat right top;}.m-picList-btn a span { float:left;height:28px;padding-right:20px;background:url no-repeat left top;}.m-picList-btn a em { float:left; height:28px;}.m-picList-btn .btn-replaypic em {width:13px;background:url no-repeat -34px -32px;padding-right:5px;}.m-picList-btn .btn-MIcblog em {width:16px;background:url no-repeat -211px -32px;padding-right:5px;}.mask-last-photo .bd h3 { color:#093c8b; padding:4px 0 6px }.maskComend li { float:left; width:142px; height:148px; border:1px solid #ececec; text-align:center; background:#f3f6fd; padding:8px 9px 0; margin-right:10px }.maskComend li .img { width:142px; height:92px; overflow:hidden; display:block; margin-bottom:10px }.maskComend li img { height:92px }.Mask-share-box { background:#fff; height:30px; text-align:right; padding:0 30px 0 9px; position:relative }#t_weibo { background:url no-repeat 0 0; width:14px; height:17px; position:absolute; right:10px; top:2px }