gusucode.com > 【demx50】营销型家具销售类企业网站织梦dedecms模板 > 【demx50】营销型家具销售类企业网站织梦dedecms模板/templets/default/css/prod1.css
/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ @charset "utf-8"; /* CSS Document */ .zoom-section { clear: both; margin-top: 20px; } *html .zoom-section { display: inline; clear: both; } .zoom-desc { float: left; margin-left: 10px; width: 310px; margin-bottom: 20px; } .zoom-small-image { border: 1px solid #CCC; float: left; margin-bottom: 20px; } .zoom-tiny-image { border: 1px solid #CCC; margin: 0px; } .zoom-tiny-image:hover { border: 1px solid #C00; } .prohead { overflow: hidden } .prohead .hleft { width: 402px; float: left } .prohead .hleft .proimg { width: 400px; height: 400px; } .prohead .hleft .proimg img { width: 400px; height: 400px; } .prohead .hleft .smallimg { width: 402px; height: 60px; overflow: hidden } .prohead .hleft .smallimg dl { width: 402px; height: 60px; } .prohead .hleft .smallimg dl dt { width: 10px; height: 45px; margin-top: 8px; } .prohead .hleft .smallimg dl dt.prev { float: left; } .prohead .hleft .smallimg dl dt.next { float: right; } .prohead .hleft .smallimg dd { width: 360px; height: 60px; float: left; margin-left: 12px; overflow: hidden } .prohead .hleft .smallimg dd li { width: 72px; float: left; height: 60px; text-align: center } .prohead .hleft .smallimg dd li img { width: 58px; height: 58px; border: 1px solid #ccc; } .prohead .hleft .smallimg dd li a:hover img, .prohead .hleft .smallimg dd li a.hover img { border-color: #dd127b } .prohead .hleft .btns { margin-top: 20px; } .prohead .hleft .btns span { display: none } .prohead .hleft .btns a { display: block; height: 22px; line-height: 22px; text-indent: 20px; font-size: 12px; background: url(../images/btn-s-bg.png) no-repeat; float: left; margin-right: 16px; width: 80px; } .prohead .hleft .btns a.b1 { background-position: left -150px } .prohead .hleft .btns a.b2 { background-position: left -30px; width: 93px; } .prohead .hleft .btns a.b3 { background-position: left -120px; } .prohead .hleft .btns a.b4 { background-position: left -60px; } .btns1 { clear: both; margin-top: 15px; } .prohead .hright { float: right; width: 490px; font-family: microsoft yahei; } .prohead .hright h1 { font-size: 18px; } .prohead .hright h2 { font-size: 15px; color: #ff7300; } .prohead .hright .proinfo { border-bottom: 1px solid #ddd; padding-bottom: 12px; } .prohead .hright .btns { width: 100%; overflow: hidden; margin: 15px auto; } .prohead .hright .btns img { margin-right: 20px; } .prohead .hright .tips { border: #F66 1px solid; background-color: #FCF; font-size: 12px; padding: 0px 12px; color: #F00; display: none } .procontent { margin-top: 20px; } .procontent .tit { height: 40px; line-height: 40px; border-bottom: 2px solid #595959; } .procontent .tit dt { float: left; height: 40px; line-height: 40px; color: #fff; background-color: #595959; text-align: center; width: 160px; font-weight: bold; font-size: 14px; } .procontent .detail { margin-top: 20px; } .comment_list { width: 95%; margin: 0 auto; } .formbox222 { border: 1px solid #d5d5d5; border-radius: 4px; overflow: hidden; padding-left: 25px; margin-top: 20px; padding-bottom: 20px; } .formbox { margin-top: 20px; } .formbox dl { border: 1px solid #d5d5d5; border-radius: 4px; overflow: hidden; _float: left } .formbox dl dt { background: url(../images/tit1.gif) repeat-x; height: 32px; padding-left: 12px; line-height: 32px; font-weight: bold; } .formbox dl dd { padding: 20px 0px; line-height: 26px; } .formbox dl dd input { border: 1px solid #ccc; height: 30px; border-radius: 4px; padding: 0px 12px; } .formbox dl dd textarea { border: 1px solid #ccc; height: 100px; border-radius: 4px; } .formbox dl dd input.submit { background-color: #dd127b; color: #FFF; border-color: #9c0c56; text-shadow: 1px 1px 0px #9c0c56; } .formbox dl dd .rate { background: url(../images/stars_3_small.gif) no-repeat; width: 80px; height: 12px; overflow: hidden; } .formbox dl dd .rate label { width: 14px; height: 12px; float: left; display: block; cursor: pointer; padding: 0px; margin: 0px; line-height: 12px; margin-right: 1px; } .formbox dl dd .ratesbox { width: 0px; height: 0px; overflow: hidden; float: left } .formbox dl dd .rate.rate1 { background: url(../images/stars_1_small.gif) no-repeat; } .formbox dl dd .rate.rate2 { background: url(../images/stars_2_small.gif) no-repeat; } .formbox dl dd .rate.rate3 { background: url(../images/stars_3_small.gif) no-repeat; } .formbox dl dd .rate.rate4 { background: url(../images/stars_4_small.gif) no-repeat; } .formbox dl dd .rate.rate5 { background: url(../images/stars_5_small.gif) no-repeat; } .formbox .btnews { padding: 0px 20px; overflow: hidden } .formbox .btnews li { width: 300px; float: left; list-style: square inside; margin-left: 20px; margin-right: 10px; } .formbox .reviewbox { padding: 0px 30px; } .formbox .reviewbox li { padding-bottom: 12px; } .formbox .reviewbox li .name { font-weight: bold; } .formbox .reviewbox li .name span { color: #F90; margin: 0px 12px; } .formbox .reviewbox li .reply { background: #f4f4f4; padding: 0px 12px; } .formbox .reviewbox li .reply span { color: #999 } input.txt { width: 200px; float: left; } .input { display: inline; margin-right: 5px; padding: 5px; height: 18px; line-height: 18px; vertical-align: middle; background: none repeat scroll 0% 0% #FFF; border: 1px solid #CACACA; border-radius: 4px; font-family: "Microsoft YaHei"; } .btn_submit { background: none repeat scroll 0px 0px #52A152; border: 1px solid #429342; color: #FFF; cursor: pointer; font-family: "Microsoft YaHei"; font-size: 12px; line-height: 1em; padding: 10px 30px; } .contactus strong { padding: 0px 6px 0px; } .contactus { padding: 20px; } .prohead .hright .tels { border-bottom: 1px solid #DDD; font-size: 16px; line-height: 36px; } .prohead .hright .tels span { color: #F00; font-size: 28px; font-weight: bold; margin-left: 12px; line-height: 36px; }